body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:CookieRun-Regular;font-style:normal;font-weight:400;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/CookieRun-Regular.woff) format("woff")}:root{font-size:15px}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(#afe1f5,#fff);height:100vh}body,button{font-family:CookieRun-Regular}li,ol,ul{list-style:none}.backgroud{background-position:50%;background-size:cover;min-height:100vh;min-width:100vw;position:relative;transition:backgroud-img .5s ease-in-out}.backgroud:before{background:rgba(0,0,0,.274);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.weatherWrap{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.weatherWrap .weatherInner{display:flex;gap:20px;margin-top:20px}.weatherWrap .weather-left h1{color:#fff;font-size:2.9rem}.weatherWrap .weatherInner .WeatherBox{background:url(/static/media/phone-frame.19d340376cf01442270c.png);background-size:contain;height:630px;margin:auto;position:relative;width:300px}.weatherWrap .weatherInner .WeatherBox h3{display:block;font-size:2rem;height:170px;line-height:30px;margin:auto;padding-top:100px;width:300px}.weatherWrap .weatherInner .WeatherBox h2{font-size:50px;left:50%;position:absolute;top:43%;z-index:10}.weatherWrap .weatherInner .WeatherBox img{margin-left:-20px;margin-top:-20px;width:200px}.weatherWrap .weatherInner .WeatherBox ul li{font-size:1.2rem;margin-left:45px;text-align:start}.weatherWrap .weatherInner .weather-left{display:flex;flex-direction:column;height:610px;justify-content:space-between}.weatherWrap .weatherInner .weather-left .WeatherButton{background:hsla(0,0%,93%,.685);border-radius:10px;bottom:0;height:180px;padding:20px;text-align:start}.weatherWrap .weatherInner .weather-left .WeatherButton button{background:#8db1ff;border:none;border-radius:5px;box-shadow:0 5px 0 #000;color:#fff;cursor:pointer;font-size:15px;padding:10px;transition:.3s}.weatherWrap .weatherInner .weather-left .WeatherButton button:hover{background:#4573d4;box-shadow:0 0 0 #000;transform:translateY(3px)}.weatherWrap .weatherInner .WeatherButton button.active{background:#4573d4;box-shadow:inset 0 0 0 #0000004d;color:#fff;transform:translateY(3px)}.weatherWrap .weatherInner .weather-left .WeatherButton .btn-wrap{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.more-btn{background:#d49f4f;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;margin-top:20px;padding:10px}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.modal{animation:fadeIn .3s ease-in-out;background:#fff;border-radius:10px;box-shadow:0 0 15px #0000004d;color:#000;height:350px;padding:20px 30px;text-align:center;width:400px}.modal-texts{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.modal-texts h3{font-size:30px;margin-bottom:20px}.modal-texts p{font-size:18px;margin-bottom:10px}.modal button{background-color:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 12px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.backgroud{background-position:100%;min-height:180vh;min-width:90vw}.weatherWrap{top:90%}.weatherWrap .weatherInner{flex-direction:column}.weatherWrap .weatherInner .WeatherButton{margin-top:0;min-height:275px}}
/*# sourceMappingURL=main.9fa47cf8.css.map*/