@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap);@import url(https://fonts.googleapis.com/css2?family=Covered+By+Your+Grace&display=swap);*,:after,:before{margin:0;padding:0;box-sizing:inherit}body{box-sizing:border-box;font-family:Poppins,sans-serif;line-height:1.7;position:relative;height:100vh;background-color:#fff}.home{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column;justify-content:center;max-width:200px}.home img{height:150px;display:block}.home input{margin-top:20px;display:block;padding:10px;border:0;border:1px solid #303841;border-radius:10px}.home button{margin-top:10px;padding:10px;background-color:#e98c70;outline:0;border:0;border-radius:50px;color:#fff;cursor:pointer}.home button:hover{background-color:#e28061}.home p{font-size:10px;margin-top:18px;opacity:.2}.home .error{font-size:14px;opacity:1;color:#df5151}.cursive{font-size:20px;font-family:Nanum Pen Script,cursive}.birthday{text-align:center}.birthday .heading{font-family:Nanum Pen Script,cursive;text-align:center;font-size:56px;color:#07b39b}.birthday .subtext{text-align:center;margin-top:12px;display:flex;align-items:center;justify-content:center}.birthday .subtext img{margin-top:-8px;margin-left:8px;height:28px}.birthday .img{height:253px;width:auto}.birthday .header{display:block;margin-top:20px;width:100%;margin-top:-5px}.birthday .intro{font-size:26px}.birthday hr{opacity:.2}.birthday .my-20,.birthday hr{margin:20px 0}.birthday .mt-30{margin-top:30px}.birthday button{border:none;outline:none;background-color:#dc4d4d;color:#fff;border-radius:8px;padding:6px 12px;font-size:16px;margin-top:10px}.birthday .final{margin-top:20px}.cat{height:170px;margin-bottom:10px}#box{justify-content:center;color:#fff;margin:10px auto 30px auto;width:100%;font-size:22px;box-shadow:1px 1px 10px rgba(51,51,51,.363);padding:20px}#box h4{font-size:28px}#box span{font-weight:700;display:block}#box .please{display:flex;font-size:16px}#box .please span{font-weight:400;opacity:.5}#box .disc{font-size:12px;opacity:.2;margin-top:10px}#box .status{display:flex}#box .status span{margin-left:8px;color:#c6c6c6}#box .status .success{margin-right:8px;color:#7ae896}.gradient-border{--borderWidth:8px;background:#1d1f20;position:relative;border-radius:var(--borderWidth);box-shadow:1px 1px 10px rgba(51,51,51,.733)}.gradient-border:after{box-shadow:1px 1px 10px rgba(51,51,51,.363);content:"";position:absolute;top:calc(var(--borderWidth)*-1);left:calc(var(--borderWidth)*-1);height:calc(100% + var(--borderWidth)*2);width:calc(100% + var(--borderWidth)*2);background:linear-gradient(60deg,#f79533,#f37055,#ef4e7b,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82);border-radius:calc(var(--borderWidth)*2);z-index:-1;-webkit-animation:animatedgradient 3s ease infinite alternate;animation:animatedgradient 3s ease infinite alternate;background-size:300% 300%}@-webkit-keyframes animatedgradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes animatedgradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.container{padding:20px;max-width:800px;margin:0 auto}.container h2{color:#383838;font-size:28px;line-height:38px;font-weight:400}.container .name{color:#dc4d4d;font-size:72px;font-family:Covered By Your Grace,cursive;font-weight:700;letter-spacing:2px;line-height:60px;margin-top:10px;padding-bottom:20px}.container .desc{margin-top:20px}.container .list{margin-top:30px}.container .list h3{color:#dc4d4d;font-size:24px}.container .list .song{border:2px solid #dc4d4d;padding:10px 20px;margin-top:10px;border-radius:10px;display:block;text-decoration:none;color:#222;background-color:#fff}.container .list .song .artist{font-size:14px;opacity:.8;color:#222}.container .list .song .year{font-size:12px;opacity:.8}.container .list .gif{max-width:300px}.container .list .small-desc{margin-top:10px;font-size:14px}.container .end{border-top:2px solid #dfdfdf;margin-top:30px;padding-top:20px}