@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Hi+Melody&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nanum+Pen+Script&family=Single+Day&display=swap";html,body{padding:0;margin:0;height:100%}#root{height:100%}audio{display:none}body{background:#000}.container{max-width:400px;height:100%;background:url(/img/bg_top.jpg) no-repeat center top;background-size:cover;margin:0 auto;position:relative}main{position:relative;height:100%}main>div{position:absolute;background:linear-gradient(to bottom,#000,#0000);top:0;left:0;z-index:1;color:#fffc;text-align:center;width:100%}main>div>h1{visibility:hidden;font-family:Dancing Script,cursive}main>div h2,main>div h3{animation-name:fadeIn;animation-duration:1s;animation-fill-mode:forwards;opacity:0}main>div>h2{font-size:1rem;margin:5rem 0 0;font-family:Montserrat,sans-serif;color:#ffffffb3;animation-delay:0s}main>div>h3{margin:0 0 1rem;font-family:Dancing Script,cursive;font-size:4rem;color:#ffffffe6;animation-delay:0s}main>div h4,main>div h5{animation-name:slideDown;animation-duration:1s;animation-fill-mode:forwards;opacity:0}main>div>h4{margin:0;font-family:EB Garamond,serif;font-size:1.2rem;color:#fffc;animation-delay:1s}main>div>h5{margin:0 0 1rem;font-family:EB Garamond,serif;font-weight:200;font-size:.8rem;color:#fffc;animation-delay:1s}main .button{border:0;font-family:EB Garamond,serif;background:transparent;color:#fffc;animation:fadeInOut 1.5s infinite;font-size:1.5rem;opacity:0;position:absolute;bottom:3rem;left:0;width:100%}.letter{position:absolute;top:0;z-index:2;width:100%;height:100%;background-color:transparent}.letter:before{content:"";position:absolute;top:0;left:100%;width:100%;height:100%;background-color:#000;animation:slideIn 1s forwards}.letter>div{color:#fff;position:absolute;z-index:2;animation-name:fadeIn;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1s;opacity:0;box-sizing:border-box;overflow:auto;height:100%}.letter>div .section1{padding:2rem}.letter>div .section1 p{margin:0;line-height:140%;text-align:center}.letter>div .section1 p>img{width:80%;margin:2rem auto}.letter>div .section1 p:nth-child(1){font-size:1.5rem}.letter>div .section2{padding:2rem;margin-bottom:5rem}.letter>div .section2 p{font-family:Nanum Pen Script,cursive;font-size:1.4rem;margin:1.5rem 0;text-align:center}.letter>div .section2 p:nth-child(1){font-family:Hi Melody,sans-serif;font-size:1.6rem}.letter>div .section2 p:nth-child(4){font-size:1rem;margin-top:4rem;margin-bottom:.5rem;font-family:inherit}.letter>div .section2 p:nth-child(4) span{font-size:.8rem;margin:0 .8rem}.letter>div .section2 p:nth-child(5){font-size:1rem;margin-top:0;font-family:inherit}.letter>div .section2 p:nth-child(5) span{font-size:.8rem;margin:0 .8rem}.letter>div .section3{margin:2rem 2rem 5rem;background:#fff;border-radius:1rem;color:#000;box-sizing:border-box;padding:1rem}.letter>div .section3>p{text-align:center;margin-bottom:1.5rem}.letter>div .section3>p>span{color:#1abc9c}.letter>div .section3>p:nth-child(1){font-size:1.5rem}.letter>div .section5{background:#fff;padding:5rem 2rem;color:#000}.letter>div .section5 .address{position:relative;margin:1rem 0 2rem}.letter>div .section5 .address button{position:absolute;right:0;top:0;z-index:1;background:#000;color:#fff;border-radius:1rem;padding:.4rem 1rem}.letter>div .section5 h3{margin-top:0}.letter>div .section5 p{line-height:140%}.letter>div .section6{background:#fff2dc;padding:5rem 2rem;color:#000}.letter>div .section6 h3{margin-top:0}.letter>div .section6 ul{padding:0;margin:0}.letter>div .section6 ul>li{list-style:none;position:relative;margin:1rem 0}.letter>div .section6 ul>li button{position:absolute;right:0;top:0;z-index:1;background:#000;color:#fff;border-radius:1rem;padding:.4rem 1rem}.letter>div .section6 p{margin-top:5rem;line-height:140%;text-align:center}.letter>div .section7{background:#fff;padding:2rem;text-align:center}.letter>div .section7 button{display:block;margin:.6rem auto;padding:.8rem 0;border-radius:.8rem;background:#000;color:#fff;border:0;width:70%}.calendar-container{display:flex;flex-direction:column;align-items:center}.calendar-container .month-year-layout{font-size:20px;font-weight:700;margin-bottom:10px}.calendar-container .weekdays{display:flex;justify-content:space-between;width:100%;margin-bottom:10px}.calendar-container .weekdays span{width:14.2857142857%;text-align:center}.calendar-container .weekdays span.weekend{color:red}.calendar-container .days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar-container .day{padding:10px;border-radius:5px}.calendar-container .day.selected{background-color:#1abc9c;color:#fff}.calendar-container .day:nth-child(7n+1){color:red}.calendar-container .empty-day{height:40px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInOut{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes slideIn{0%{left:100%}to{left:0}}