:root{--background:#ffffff;--foreground:#171717;--text:#ffff}body,html{max-width:100vw}body{color:var(--foreground);background:var(--background);font-family:montserrat;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}.row{padding:0;max-height:100vh!important;margin:0!important}.hero{color:var(--text);width:100vw;background-color:#171717;background-size:cover;background-repeat:no-repeat}.degree,.hero{height:100vh}.degree_container{border-radius:10px;color:white;text-shadow:2px 2px 4px #171717;background-color:transparent;margin-top:100%}.degree_text{font-size:100px}.location{font-size:40px}.subinfo{font-size:22px}.cloud_text{font-size:20px}.currentWeather{overflow:hidden;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:#242c2e;opacity:80%;transition:1s;border-radius:12px;border:1px solid rgba(255,255,255,.125);height:250px;padding-top:30px}.center{text-align:center}.padding{padding:100px}.forecast{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:#242c2e;border-radius:12px;border:1px solid rgba(255,255,255,.125);height:40vh;align-items:center;margin-top:20px!important;padding-left:40px!important;opacity:80%;padding-right:30px!important;padding-top:20px}.progress{height:5px!important}.align-center{display:flex;justify-content:center;text-align:center;align-items:center}.day-text{font-size:17px}.temp{font-size:18px}.currentWeather:hover,.forecas:hover{opacity:90%}.fullscreen{z-index:9999;position:absolute;top:20px;right:20px;border:none;background-color:transparent}.fullscreen img{width:20px;height:20px}@media screen and (max-width:992px){.fullscreen{display:none}.currentWeather,.padding{padding:0}.hero{height:270vh!important}.degree{margin-bottom:10px;height:auto}.degree_container{margin-top:0!important}.currentWeather{text-align:center;padding-top:10px;height:850px}.forecast{height:auto}}.weather-loader-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(49,49,49,.85);z-index:9999;display:flex;justify-content:center;align-items:center}.weather-loader{position:relative;width:100px;height:100px}.cloud{width:120px;height:60px;background:#d3d3d3;border-radius:50px;position:relative;animation:float 2s ease-in-out infinite}.cloud:after,.cloud:before{content:"";position:absolute;background:#d3d3d3;border-radius:50%}.cloud:before{width:60px;height:60px;top:-30px;left:10px}.cloud:after{width:40px;height:40px;top:-20px;right:10px}.rain div{position:absolute;bottom:0;left:50%;width:4px;height:20px;margin-left:-2px;background:#3498db;border-radius:2px;animation:rain .6s linear infinite}.rain div:first-child{left:40%;animation-delay:0s}.rain div:nth-child(2){left:50%;animation-delay:.2s}.rain div:nth-child(3){left:60%;animation-delay:.4s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes rain{0%{height:0;opacity:0;transform:translateY(0)}30%{height:20px;opacity:1}to{transform:translateY(30px);opacity:0}}