@font-face{font-family:Pretendard;src:url("./font/Pretendard-Regular.subset.woff2") format(woff2),url("./font/Pretendard-Regular.subset.woff") format(woff),url("./font/Pretendard-Regular.otf") format(otf);font-style:normal;font-weight:400}@font-face{font-family:PicNic;src:url("./font/PicNic-Regular.woff2") format(woff2),url("./font/PicNic-Regular.woff") format(woff),url("./font/PicNic-Regular.otf") format(otf);font-style:normal;font-weight:400}@font-face{font-family:Anthony;src:url("./font/Anthony.woff2") format(woff2),url("./font/Anthony.woff") format(woff),url("./font/Anthony.otf") format(otf);font-style:normal;font-weight:400}*{margin:0;padding:0;list-style:none;text-decoration:none;position:relative;box-sizing:border-box;font-family:inherit;font-weight:400}html{font-size:calc(12px + 1vw);font-family:"neue-haas-grotesk-text","Pretendard","Noto Sans SC",Helvetica,"Helvetica Neue",Arial,sans-serif}:root{--primary: #FFE928;--bg: #232323}html[data-weather=rain]:root{--primary: #92C4FF;--bg: #000}html[data-weather=snow]:root{--primary: #EEf6Eb;--bg: #3f3b3b}html[data-weather=cloudy]:root{--primary: #000000;--bg: #FF72AD}body{font-size:1rem;overflow:hidden}a,a:link,a:visited{color:inherit;text-decoration:none}.title,.contents{position:fixed;width:100%;padding:0 1rem}.title{top:1rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;font-size:2rem}h1{line-height:1;color:var(--bg)}h2{font-size:5rem;line-height:1em;color:var(--bg)}.contents{bottom:1rem;display:flex;justify-content:space-between;align-items:flex-end;font-size:1.25rem;color:var(--bg)}.contents>div:nth-child(2){text-align:center}.contents>div:nth-child(3){text-align:right}.calendar{display:flex;justify-content:center;flex-wrap:wrap;width:30vw;max-width:360px;position:fixed;left:50%;transform:translate(-50%, 0)}.calendar>div{background-color:var(--bg);color:var(--primary);border-radius:20vw;width:15vw;height:15vw;display:flex;align-items:center;justify-content:center;font-size:min(3rem + 4vw,120px);mix-blend-mode:hue;-webkit-mix-blend-mode:hue;letter-spacing:-0.08em;padding-right:.1em;max-width:180px;max-height:180px}.calendar>div:nth-child(1),.calendar>div:nth-child(2){margin-right:-1vw}.calendar>div:nth-child(3),.calendar>div:nth-child(4){margin-left:-1vw}.calendar>div:nth-child(2),.calendar>div:nth-child(4){padding-bottom:.125em;padding-right:.05em}.calendar>div:nth-child(2),.calendar>div:nth-child(4){margin-top:-2vw}.calendar>div:nth-child(2),.calendar>div:nth-child(4){order:1}.poster{position:fixed;top:0;left:0;right:0;bottom:0}.sunny{cursor:grab}.sunny:active{cursor:grabbing}.sunny h2{font-family:"Anthony","neue-haas-grotesk-text","Pretendard","Noto Sans SC",Helvetica,"Helvetica Neue",Arial,sans-serif;font-size:15rem;line-height:.3em}.sunny .poster.background{background:linear-gradient(90deg, #F6F6F6 0%, #FFFFFF 2.08%, #CCCCCC 9.38%, #ABABAB 14.58%, #6C6C6C 31.77%, #929292 47.4%, #F7F7F7 67.19%, #CECECE 85.42%, #ABABAB 94.27%, #A3A3A3 96.87%, #A3A3A3 100%, #656565 100%)}.sunny .sun-circle{background:#ffea28;box-shadow:inset 16px 16px 26px rgba(0,0,0,.25);border-radius:100%;width:calc(100% - 1rem * 4);height:calc(100% - 1rem * 4);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);overflow:hidden}.sunny .sunny-sun{position:absolute;width:45vw;height:45vw}.rain h2{font-family:"PicNic","neue-haas-grotesk-text","Pretendard","Noto Sans SC",Helvetica,"Helvetica Neue",Arial,sans-serif;font-size:15rem;line-height:.5em}.rain .poster{position:fixed;top:0;left:0;right:0;bottom:0}.rain .poster.background{background:#6b2bf4}.rain .poster .rainy-mood-holder{display:flex;position:absolute;top:0;left:0;width:100vw;height:100vh}.rain .poster .rainy-mood-holder>div{width:25%;height:50vh;background:linear-gradient(180deg, rgba(217, 217, 217, 0) 1.04%, #92C4FF 51.04%, rgba(217, 217, 217, 0) 100%)}.rain .poster .rainy-mood-holder>div:nth-child(even){top:25vh}.rain .rain-holder{position:fixed;width:6.5vw;padding-bottom:51.625%}.rain .rain-holder svg{position:absolute;width:100%;height:100%}.rain .rain-holder svg path{stroke-dasharray:1;stroke-dashoffset:1;animation:dash 2.5s ease-in-out forwards infinite}.rain .background .raindrops .rain-holder:nth-child(1){top:30vh;left:8vw}.rain .background .raindrops .rain-holder:nth-child(2){top:60vh;left:14vw}.rain .background .raindrops .rain-holder:nth-child(3){top:70vh;left:80vw}.rain .background .raindrops .rain-holder:nth-child(4){top:-10vh;left:90vw}.rain .forward .raindrops .rain-holder{animation-delay:.5s}.rain .forward .raindrops .rain-holder:nth-child(1){top:-18vh;left:30vw}.rain .forward .raindrops .rain-holder:nth-child(2){top:15vh;left:70vw}.rain .forward .raindrops .rain-holder:nth-child(3){top:45vh;left:95vw}.snow{cursor:pointer}.snow h1{color:var(--bg)}.snow h2{color:var(--bg);font-family:"Oi","neue-haas-grotesk-text","Pretendard","Noto Sans SC",Helvetica,"Helvetica Neue",Arial,sans-serif;font-size:9rem;line-height:1.2em}.snow .poster.background{background:var(--primary)}.snow .footprints{position:fixed;color:var(--primary);font-family:"Noto Sans SC"}.snow .footprints div{font-size:10rem;text-shadow:2px 4px 6px rgba(255,255,255,.5),-4px -4px 8px rgba(214,214,214,.8);position:fixed}.snow .footprints div:nth-child(1){font-size:8rem;top:25vh;left:15vw}.snow .footprints div:nth-child(2){font-size:14rem;top:36vh;left:60vw}.snow .footprints div:nth-child(3){top:70vh;left:5vw}.cloudy{cursor:grab}.cloudy:active{cursor:grabbing}.cloudy h2{font-family:"Rubik Puddles","neue-haas-grotesk-text","Pretendard","Noto Sans SC",Helvetica,"Helvetica Neue",Arial,sans-serif;font-size:12rem;line-height:.8em}.cloudy .poster.background{background-color:#42617e}.cloudy .poster.background .clouds>div{position:fixed;width:60vw;height:26vw;border-radius:100%;background:radial-gradient(50% 50% at 50% 50%, #D9D9D9 0%, rgba(217, 217, 217, 0) 100%);animation-name:moveClouds;animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate}.cloudy .poster.background .clouds>div:nth-child(3n){animation-delay:1s}.cloudy .poster.background .clouds>div:nth-child(1){top:-8vh;left:-20vw}.cloudy .poster.background .clouds>div:nth-child(2){top:5vh;left:5vw}.cloudy .poster.background .clouds>div:nth-child(3){top:3vh;left:40vw}.cloudy .poster.background .clouds>div:nth-child(4){top:-6vh;left:60vw}.cloudy .poster.background .clouds>div:nth-child(5){top:40vh;left:-15vw}.cloudy .poster.background .clouds>div:nth-child(6){top:32vh;left:10vw}.cloudy .poster.background .clouds>div:nth-child(7){top:20vh;left:30vw}.cloudy .poster.background .clouds>div:nth-child(8){top:30vh;left:60vw}.cloudy .poster.background .clouds>div:nth-child(9){top:40vh;left:20vw}.cloudy .poster.background .clouds>div:nth-child(10){top:55vh;left:35vw}.cloudy .poster.background .clouds>div:nth-child(11){top:40vh;left:60vw}.cloudy .poster.background .clouds>div:nth-child(12){top:70vh;left:0vw}.cloudy .poster.background .clouds>div:nth-child(13){top:80vh;left:-20vw}.cloudy .poster.background .clouds>div:nth-child(14){top:85vh;left:30vw}.cloudy .poster.background .clouds>div:nth-child(15){top:72vh;left:60vw}.cloudy .poster.background .clouds>div:nth-child(16){top:70vh;left:70vw}.cloudy .poster.forward .puddle-holder>div{position:fixed;border-radius:100%;border:.9vw solid var(--bg);border-radius:100%;animation-name:puddle;animation-duration:3s;animation-fill-mode:forwards}@keyframes moveClouds{0%{transform:translate(0, 0)}100%{transform:translate(10%, 0)}}@keyframes dash{0%{stroke-dashoffset:1;stroke-dasharray:.5}80%{stroke-dashoffset:0;stroke-dasharray:1}100%{stroke-dashoffset:.5;stroke-dasharray:1}}@keyframes puddle{0%{transform:translate(0, 0);opacity:1}30%{transform:translate(5%, -5%)}100%{transform:translate(-5%, -15%);opacity:0}}