:root{--color-white: #ffffff;--color-Background: #0f0f0f;--color-weatherBackground: #021526;--color-input: #040d12;--color-limeGreen: #2c6e49;--color-midPink: #ad1d45;--color-sunOrange: #fd702d;--color-sunYellow: #fba834;--color-lowAlphaBg: #040d1248;--text-shadowNormal: 1px 1px 1px #141414;--text-shadowHigh: 1px 1px 1px #141414}@font-face{font-family:Montserrat;src:url(/weather-app-js/assets/Montserrat-Regular.woff2) format("woff2")}*:after,*:before,*{margin:0;padding:0;box-sizing:border-box;border:none;outline:none;font-family:Montserrat;font-weight:700;letter-spacing:2px;line-height:1.3;color:var(--color-white);text-shadow:var(--text-shadowNormal)}body{width:100%;height:100%;background-color:var(--color-Background)}#app{width:100%;height:100%;background-color:var(--color-Background);display:flex;justify-self:center;align-items:center;flex-direction:column;padding:2.5% 0 5%}.app-title{font-size:70px;font-weight:800;text-align:center;text-shadow:var(--text-shadowHigh)}.cursor{position:fixed;left:0;top:0;width:35px;height:30px;z-index:200}.loading-message{font-size:xx-large;font-weight:900;text-align:center;color:var(--color-midPink)}.msg-box{height:fit-content;width:30%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:4%;position:fixed;top:2%;right:1%;background-color:var(--color-white);border-radius:3px;border:1.2px dotted var(--color-sunOrange);box-shadow:0 0 8px 0 var(--color-sunYellow);z-index:300}.msg-text{font-size:x-large;padding:8%;font-weight:600;text-align:center;color:var(--color-midPink);text-shadow:none}.progress-bar{width:100%;height:20px;background:var(--color-midPink);align-self:end;animation:progress 3s forwards linear .5s}.header{width:50%;height:120px;height:fit-content;padding:10px;margin:2% 0 4%}.form-field{width:100%;height:70px;padding:10px;display:flex;justify-content:center;align-items:center}#searchInput,.search-btn{width:70%;height:100%;padding:10px 10px 10px 5%;border-radius:5px 0 0 5px;background-color:var(--color-input);color:var(--color-white);border:.5px solid var(--color-limeGreen);border-right:none;font-size:x-large;text-shadow:none}.search-btn{width:20%;border-radius:0 5px 5px 0;border-left:none;display:flex;justify-content:center;align-items:center;cursor:pointer;border-right:.5px solid var(--color-limeGreen);padding:10px}.search-icon{width:45px;height:45px}.weather-app{padding:5% 10px;width:80%;height:fit-content;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:5%;background-color:var(--color-weatherBackground)}.weather-welcome-container{width:100%;height:100%;text-align:center}.welcome-title{font-size:50px;margin-bottom:3%;color:var(--color-midPink);font-weight:600;text-shadow:var(--text-shadowHigh)}.welcome-subtitle{font-size:larger;font-weight:400;margin-bottom:5.6%;color:var(--color-sunOrange)}.welcome-context p{font-size:large;margin-top:2%;color:var(--color-sunYellow)}.welcome-action{font-size:larger;margin-top:3%;color:var(--color-limeGreen);font-weight:600;text-decoration:underline}.place-time-section{width:100%;height:fit-content;display:flex;justify-content:space-between;align-items:center;padding:10px 10%}.time-text{font-size:xx-large;color:var(--color-midPink);text-shadow:var(--text-shadowHigh)}.place-box{display:flex;justify-content:center;align-items:center}.city-text{font-size:xx-large}.country-text{font-size:medium;margin:12px 0 0 5px;color:var(--color-sunOrange)}.temp-weather-section{width:100%;height:fit-content;display:flex;justify-content:space-between;align-items:center;flex-direction:column;padding:10px;margin:7% 0 9%}.temp-box{width:100%;height:230px;display:flex;justify-content:space-between;align-items:center;flex-direction:column;gap:100%;margin-bottom:8%}.temp-toggle-btn{margin:2.5rem 0;padding:.5rem 1rem;font-size:.9rem;font-weight:500;color:var(--color-white);background-color:var(--color-limeGreen);border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease-in-out}.temp-toggle-btn:hover{background-color:var(--color-sunOrange)}.temp-heading{font-size:4rem;margin-bottom:2%}.temperature{font-size:3rem;margin-bottom:3%}.feels-like-temp{font-size:x-large;color:var(--color-sunYellow)}.weather-description-box{display:flex;justify-content:center;align-items:center;flex-direction:column-reverse;gap:15px}.weather-description{font-size:xx-large;font-weight:600}.weather-description-img{width:100px;height:100px}.sun-rise-set-section{width:90%;height:fit-content;display:flex;justify-content:space-between;align-items:center;padding:10px 5%;gap:20%}.sun-rise-box,.sun-set-box{width:70%;height:200px;background-color:var(--color-lowAlphaBg);border-radius:3px;display:flex;align-items:center;justify-content:center;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sun-rise-heading,.sun-set-heading{font-size:xx-large;text-align:center;font-weight:600;color:var(--color-sunYellow)}.sun-rise-timing,.sun-set-timing{font-size:large;color:var(--color-sunOrange)}.sun-rise-img,.sun-set-img{width:100px;height:100px}.other-info-section{width:100%;height:700px;display:grid;grid-template-columns:repeat(2,32%);justify-content:center;align-items:center;padding:10% 0;gap:8%}.pressure-box,.humidity-box,.visibility-box,.wind-speed-box{width:100%;height:250px;text-align:center;border-radius:3px;background-color:var(--color-lowAlphaBg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10%}.pressure-img,.humidity-img,.visibility-img,.wind-speed-img{width:60px;height:60px}.pressure-text,.humidity-text,.visibility-text,.wind-speed-text,.pressure-para,.humidity-para,.visibility-para,.wind-speed-para{font-size:x-large;text-align:center;color:var(--color-sunOrange)}.pressure-para,.humidity-para,.visibility-para,.wind-speed-para{color:var(--color-limeGreen)}@media (max-width: 858px){.msg-box{width:90%;top:2%;left:4%;right:4%;padding:0 5%}.weather-app{width:95%}.app-title{font-size:40px}.header{width:90%}#searchInput{font-size:medium;width:80%}.welcome-title{font-size:30px;margin-bottom:15px}.welcome-action,.sun-rise-timing,.sun-set-timing,.welcome-context p{font-size:small;text-align:center;margin-top:5px}.temp-weather-section{width:100%}.temp-box{width:100%;justify-content:center;gap:20px}.city-text,.time-text,.feels-like-temp,.sun-rise-heading,.sun-set-heading{font-size:17px}.country-text{font-size:8px}.temp-heading,.temperature{font-size:35px}.weather-description{font-size:20px}.sun-rise-set-section{width:100%;margin-bottom:-40%;margin-top:10%}.sun-rise-box,.sun-set-box{height:155px;padding:0 10px}.sun-rise-img,.sun-set-img{height:50px;width:50px}.pressure-para,.humidity-para,.visibility-para,.wind-speed-para,.pressure-text,.humidity-text,.visibility-text,.wind-speed-text{font-size:14px}.other-info-section{width:100%;padding:60% 0;gap:50px}.pressure-box,.humidity-box,.visibility-box,.wind-speed-box{height:170px;width:120px;justify-self:center}.pressure-img,.humidity-img,.visibility-img,.wind-speed-img{width:40px;height:40px}}@keyframes progress{0%{width:100%}to{width:0}}