@font-face{font-family:KimjungchulMyungjo-Bold;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/KimjungchulMyungjo-Bold.woff2) format("woff2");font-weight:700;font-style:normal}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-family:KimjungchulMyungjo-Bold}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{height:100%}body{height:100vh;overflow-y:hidden;background:url(/assets/background-Coa2ZLL9.jpg) center center / cover no-repeat}.container{display:grid;grid-template-rows:2fr 2fr 1fr;grid-template-columns:1fr 1fr 1fr;gap:24px;width:90vw;height:90vh;padding:5vh 5vw 0 5vw;margin:auto;box-sizing:border-box}.playlist-box{grid-row:1 / 4;grid-column:1 / 2}.wether-box{grid-row:1 / 2;grid-column:2 / 3}.todo-list-box{grid-row:2 / 4;grid-column:2 / 3}.img1-box{grid-row:1 / 2;grid-column:3 / 4}.img2-box{grid-row:2 / 3;grid-column:3 / 4}.quote-box{grid-row:3 / 4;grid-column:3 / 4}.box{border:1px solid black;border-radius:18px;padding:12px;box-sizing:border-box}.playlist{height:100%;width:100%;background:url(/assets/playlist-background-CfHUDaAm.jpg);border-radius:18px;box-shadow:0 8px 32px #ffb6c12b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:27px}.playlist-title{font-size:40px;font-weight:600;font-family:Baskervllie}.title{margin:0 0 8px;font-size:2.3rem;color:#c2185b;letter-spacing:1px;font-weight:700}.title{font-size:1.18rem;margin:0 0 8px;color:#000;letter-spacing:.5px;text-align:center}.music-cover{width:260px;height:260px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 16px #ea225e12;border-radius:18px;overflow:hidden;margin-bottom:8px;background:#ffe4ec}.music-cover-img{width:100%;height:100%;object-fit:cover;border-radius:18px;display:block}#progressBar{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:98%;max-width:280px;height:7px;background:#ffc1e3;border-radius:5px;outline:none;margin:10px 0 3px;transition:background .15s}#progressBar:focus{background:#f8bbd0}#progressBar::-webkit-slider-thumb{-webkit-appearance:none;height:18px;width:18px;background:#e573b8;border-radius:50%;cursor:pointer;box-shadow:0 2px 10px #ea225e21;margin-top:-5.5px;border:2.5px solid #fff;transition:background .2s}#progressBar::-webkit-slider-thumb:hover{background:#f06292}#progressBar::-webkit-slider-runnable-track{background:#f06292;height:7px;border-radius:5px}#progressBar::-moz-range-thumb{height:18px;width:18px;background:#e573b8;border-radius:50%;cursor:pointer;border:2.5px solid #fff}#progressBar::-ms-thumb{height:18px;width:18px;background:#e573b8;border-radius:50%;cursor:pointer;border:2.5px solid #fff}.controls{display:flex;justify-content:center;align-items:center;width:100%;gap:24px;margin-top:8px}.button,.play-btn{background:none;border:none;padding:0;margin:0;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .18s;cursor:pointer}.button:active,.play-btn:hover{background:#fef9ff}.button svg,.play-btn svg{width:32px;height:28px;pointer-events:none;fill:#d81b60}.play-btn svg{filter:drop-shadow(0 2px 6px #f8bbd0)}.play-btn{background:#ffe6f0;box-shadow:0 1px 10px #f8bbd0aa;width:52px;height:52px}.hidden{display:none!important}.weather{height:100%;width:100%;background:url(/assets/weather-B6lN7LHn.jpg);border-radius:18px;box-shadow:0 8px 32px #ffb6c12b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:27px}.city-name{font-size:20px}.weather-info,.weather-icon{display:flex;align-self:center}.temp{align-self:center;font-size:30px;color:#fff}.quote-box{background:url(/assets/quote-DBZyu8Tx.jpg)}.quote{text-align:center;padding-top:35px}.todos-title{font-size:30px}#todo-form{position:absolute;top:42vh;left:50vw}.input-box{padding:20px;border:1px solid white;border-radius:10px;color:#5f9ea0;background-color:#f9d8eb}.sticker{position:absolute;z-index:100;box-shadow:2px 2px 8px #bbb;border:1px solid rgb(255,255,255);border-radius:18px}.sticker1{background:url(/assets/sticker-BQ-jhni3.jpg) no-repeat center/cover;width:50px;height:50px;top:3vh;left:9vw}.sticker2{background:url(/assets/sticker2-B9ebKi_D.jpg) no-repeat center/cover;width:70px;height:70px;top:35vh;right:33vw}.sticker3{background:url(/assets/sticker3-BTlhvSec.jpg) no-repeat center/cover;width:70px;height:70px;top:3vh;right:60vw}.sticker4{background:url(/assets/sticker4-DQ9CLl5F.jpg) no-repeat center/cover;width:200px;height:150px;top:78vh;left:3vw}.sticker5{background:url(/assets/sticker5-FNUilnaE.jpg) no-repeat center/cover;width:200px;height:150px;top:2vh;right:3vw}