body {
        margin: 0;
        padding: 0;
        overflow: hidden;
        background: magenta; /* 배경색을 마젠타로 설정 */
        font-family: 'DOSPilgiMedium';
        word-break: keep-all;
    }

@font-face {
    font-family: 'DOSPilgiMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/DOSPilgiMedium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

#floatingImage {
        position: absolute;
        width: 300px; /* 이미지 너비 */
        height: 210px;
        background-image: url('cake.png'); /* 이미지 경로 */
        background-size: cover;
    }

#makeCakeText {
        position: absolute;
        padding: 5%;
        font-size: 20px;
        line-height: 1.7;
        white-space: pre-wrap; /* 공백 및 줄바꿈 유지 */
        font-family: 'DOSPilgiMedium';
    }

#buttonContainer {
        position: absolute;
        top: calc(50% + 20px); /* 텍스트 아래에 위치하도록 조정 */
        display: none; /* 초기에는 숨김 */
        padding-left: 5%;
    }

#buttonContainer2 {
        position: absolute;
        top: calc(50% + 20px); /* 텍스트 아래에 위치하도록 조정 */
        display: none; /* 초기에는 숨김 */
        padding-left: 5%;
    }

.button {
        display: block;
        margin-bottom: 10px;
        padding: 10px 20px;
        font-size: 18px;
        background-color: yellow;
        border: none;
        cursor: pointer;
    }

.button2 {
        display: block;
        margin-bottom: 10px;
        padding: 10px 20px;
        font-size: 18px;
        background-color: yellow;
        border: none;
        cursor: pointer;
    }