@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&family=Ubuntu:wght@400;700&display=swap);:root{--font-logo:"Ubuntu",sans-serif;--font-primary:"Roboto",sans-serif;--clr-home:#1080d0;--clr-home-hover:#0c63a0;--clr-accent:#ff4d00;--b-rad-weather:1rem}.light{--clr-primary:#8fceff;--clr-primary-hover:#97bfde;--clr-secondary:#badbf4;--clr-secondary-hover:#4fadf4;--clr-tertiary:#249bf6;--text-p-high:#000;--text-p-medium:#222;--text-p-low:#444}.dark{--clr-primary:#082032;--clr-primary-hover:#030c14;--clr-secondary:#2c394b;--clr-secondary-hover:#253040;--clr-tertiary:#455664;--text-p-high:#fff;--text-p-medium:#ddd;--text-p-low:#aaa}*,:after,:before{box-sizing:border-box}:focus{box-shadow:0 0 0 2px #000;outline:2px dashed #aaa;outline-offset:2px}blockquote,body,dd,dl,figcaption,figure,h1,h2,h3,h4,li,ol[class],p,ul[class]{margin:0}body{line-height:1.5;min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed}ol[class],ul[class]{list-style:none}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}a{text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}@media (prefers-reduced-motion:reduce){*{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}::-webkit-scrollbar{height:.7rem;width:.7rem}::-webkit-scrollbar-track{background-color:var(--clr-tertiary);border-radius:1rem}::-webkit-scrollbar-thumb{background-color:var(--clr-primary);border:.15rem solid var(--clr-secondary);border-radius:1rem}::-webkit-scrollbar-thumb:hover{background-color:var(--clr-primary-hover)}.clr_p_high{color:var(--text-p-high)}.clr_p_medium{color:var(--text-p-medium)}.clr_p_low{color:var(--text-p-low)}.landing{align-items:center;display:flex;font-family:var(--font-primary);justify-content:space-around;min-height:100vh;position:relative;width:100%;z-index:0}.landing:after{background-color:rgba(0,0,0,.6);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}#landing_bg{left:0;min-height:100%;min-width:100%;position:fixed;top:0}.landing_text{color:#fff;text-align:center;z-index:1}.landing_logo{font-family:var(--font-logo);font-size:6.5rem;font-weight:700}.landing_tagline{font-size:3rem;font-weight:400;margin-bottom:10rem}.landing_search{align-items:center;display:flex;flex-direction:column;font-size:1.4rem;font-weight:500;width:30%}#landing_search_field{background:#ddd;border:none;border-radius:3rem;padding:.7rem 2rem;width:100%}#landing_search_field:focus{background:#fff}.landing_search_btn{background-color:var(--clr-home);border:none;border-radius:3rem;color:#fff;margin-bottom:8rem;margin-top:3rem;padding:.7rem 4rem;transition:background-color .3s}.landing_search_btn:hover{background-color:var(--clr-home-hover)}@media only screen and (max-width:1200px){.landing_logo{font-size:5rem}.landing_tagline{font-size:2.3rem}.landing_search{font-size:1rem}.landing_search_btn{margin-top:2rem}}@media only screen and (max-width:992px){.landing_logo{font-size:4rem}.landing_tagline{font-size:1.8rem}.landing_search{font-size:1rem;width:40%}#landing_search_field{padding:.5rem 1.5rem}.landing_search_btn{margin-top:1.5rem;padding:.5rem 3rem}}@media only screen and (max-width:768px){.landing{flex-direction:column;gap:4rem;justify-content:center}.landing_tagline{font-size:1.8rem;margin-bottom:0}.landing_search{font-size:1rem;font-weight:400;width:60%}.landing_search_btn{margin-bottom:0}}@media only screen and (max-width:576px){.landing{justify-content:center}.landing_logo{font-size:3.5rem}.landing_tagline{font-size:1.5rem}.landing_search{width:80%}.landing_search_btn{padding:.5rem 3rem}}.weather_bg{background-color:var(--clr-primary);font-family:var(--font-primary);min-height:100vh;overflow:auto}.weather_center{height:100vh;overflow:hidden scroll;padding:1rem 1rem 1rem calc(8% + 2rem);width:70%}.weather_search{display:flex;font-size:1.2rem;gap:1rem}#weather_search_field,.weather_search_btn{border-radius:var(--b-rad-weather);padding:.7rem 2rem;transition:background-color .3s}#weather_search_field{background:var(--clr-secondary);border:none;color:var(--text-p-high);width:100%}.weather_search_btn{background-color:var(--clr-secondary);border:2px solid var(--clr-accent);color:var(--text-p-high);font-weight:500}#weather_search_field:focus,#weather_search_field:hover{background-color:var(--clr-secondary-hover)}#weather_search_field::-webkit-input-placeholder{color:var(--text-p-low)}#weather_search_field::placeholder{color:var(--text-p-low)}.weather_search_btn:focus,.weather_search_btn:hover{background-color:var(--clr-accent)}.weather_main{display:flex;justify-content:space-between;padding:1rem 4rem 0;width:100%}.weather_main-left{display:flex;flex-direction:column;gap:.5rem;justify-content:flex-end}.weather_main-city{font-size:2.2rem}.weather_main-region_country{font-size:1.2rem;font-weight:400}.weather_main-temp{font-size:3rem}.weather_main-icon{width:100%}.weather_main-time{font-size:1.5rem}@media only screen and (max-width:1400px){.weather_center{width:65%}}@media only screen and (max-width:1200px){.weather_center{padding:1rem;width:60%}}@media only screen and (max-width:992px){.weather_center{height:auto;overflow:auto;padding:2rem;width:100%}}@media only screen and (max-width:768px){.weather_main-city{font-size:1.8rem}.weather_main-region_country{font-size:1rem}.weather_main-temp{font-size:2rem}.weather_main-condition{font-size:.9rem}.weather_main-time{font-size:1.2rem}}@media only screen and (max-width:576px){.weather_center{padding:1rem}.weather_main{padding:1rem 2rem 0}.weather_search{flex-direction:column;font-size:1rem}.weather_main-city{font-size:1.5rem}.weather_main-region_country{font-size:.9rem}.weather_main-temp{font-size:1.8rem}.weather_main-time{font-size:1rem}.weather_main-date_day{font-size:.8rem}}@media only screen and (max-width:476px){.weather_main{padding:1rem 0 0}}.navbar{background:var(--clr-secondary);border-radius:var(--b-rad-weather);bottom:1rem;display:flex;flex-direction:column;font-family:var(--font-primary);gap:1rem;left:1rem;padding:.5rem;position:fixed;top:1rem;width:8%}@media only screen and (max-width:1200px){.navbar{flex-direction:row;margin:1rem;position:static;width:calc(60% - 1rem)}.settings_navbar.navbar{margin:0;width:100%}}@media only screen and (max-width:992px){.navbar{margin:2rem 2rem 1rem;width:calc(100% - 4rem)}}@media only screen and (max-width:576px){.navbar{margin:1rem;width:calc(100% - 2rem)}}.nav_item{align-items:center;border-radius:var(--b-rad-weather);color:var(--text-p-high);display:flex;flex-direction:column;gap:.5rem;padding:.5rem;transition:background-color .3s}.nav_item.active,.nav_item:focus,.nav_item:hover{background:var(--clr-primary)}.nav_item-icon{font-size:2rem}@media only screen and (max-width:576px){.nav_item-icon{font-size:1.5rem}.nav_item-text{font-size:.8rem}}.condition{flex-direction:column}.condition,.condition-icon_box{align-items:center;display:flex}.condition-icon_box{gap:1rem}.condition-icon{font-size:1.5rem}.condition-field{font-size:1.2rem}.condition-data{font-size:2.2rem}@media only screen and (max-width:768px){.condition-icon{font-size:1.2rem}.condition-field{font-size:1rem}.condition-data{font-size:1.8rem}}@media only screen and (max-width:576px){.condition-icon{font-size:1rem}.condition-field{font-size:.8rem}.condition-data{font-size:1.3rem}}.hourly_forecast_item{align-items:center;display:flex;flex-direction:column}.hourly_forecast_item-time{white-space:nowrap}.hourly_forecast_item-temp{font-size:1.5rem;font-weight:500}@media only screen and (max-width:768px){.hourly_forecast_item-time{font-size:.9rem}.hourly_forecast_item-temp{font-size:1.2rem}}@media only screen and (max-width:576px){.hourly_forecast_item-temp{font-size:1.1rem}}.daily_forecast_item{align-items:center;display:flex;flex-direction:row;gap:2rem;justify-content:space-evenly}.daily_forecast_item-day_date{display:flex;flex-direction:column}.daily_forecast_item-day{font-size:1.2rem;font-weight:500}.daily_forecast_item-values_div{grid-gap:1.5rem;display:grid;flex-direction:row;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.daily_forecast_item-values_div>div{align-items:center;display:flex;flex-direction:row;font-size:1.2rem;gap:.5rem}.daily_forecast_item-value{font-weight:500}@media only screen and (max-width:1400px){.daily_forecast_item-values_div>div{font-size:1.1rem}}@media only screen and (max-width:576px){.daily_forecast_item-day{font-size:1rem}.daily_forecast_item-date{font-size:.8rem}.daily_forecast_item-values_div>div{font-size:.9rem}}.alert{background-color:#fff;border:3px solid var(--clr-accent);border-radius:var(--b-rad-weather);color:var(--clr-accent);font-family:var(--font-primary);font-weight:500;left:50%;padding:1rem 2rem;position:fixed;top:1rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;z-index:1}.loader_bg{background-color:var(--clr-secondary);bottom:0;left:0;position:fixed;right:0;top:0;z-index:2}.loader{left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.toggle_switch{height:50px;position:relative;width:100px}.switch_lable{border-radius:50px;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.switch_checkbox{display:none;position:absolute}.switch_slider{border-radius:50px;height:100%;position:absolute;transition:.3s;width:100%}.bool_switch .switch_slider{background-color:#df0b0b}.bool_switch .switch_checkbox:checked~.switch_slider{background-color:#00b100}.default_switch .switch_slider{background-color:#3f67eb}.default_switch .switch_checkbox:checked~.switch_slider{background-color:#f4e546}.theme_switch .switch_slider{background-color:var(--clr-tertiary)}.switch_slider:before{border-radius:50%;box-shadow:none;content:"";height:40px;left:10px;position:absolute;top:5px;transition:.3s;width:40px}.bool_switch .switch_slider:before{background-color:#4f0000}.default_switch .switch_slider:before{background-color:#1133a2}.theme_switch .switch_slider:before{background-color:gold}.switch_checkbox:checked~.switch_slider:before{-webkit-transform:translateX(100%);transform:translateX(100%)}.bool_switch .switch_checkbox:checked~.switch_slider:before{background-color:#004f00}.default_switch .switch_checkbox:checked~.switch_slider:before{background-color:#9e9209}.theme_switch .switch_checkbox:checked~.switch_slider:before{background-color:var(--clr-tertiary);box-shadow:inset 9px -9px 0 2px #fff}@media only screen and (max-width:768px){.toggle_switch{height:30px;width:60px}.switch_slider:before{height:24px;left:6px;top:3px;width:24px}.switch_checkbox:checked~.switch_slider:before{-webkit-transform:translateX(100%);transform:translateX(100%)}.theme_switch .switch_checkbox:checked~.switch_slider:before{box-shadow:inset 5px -5px 0 2px #fff}}.conditions_box{background-color:var(--clr-secondary);border-radius:var(--b-rad-weather);margin-top:1rem;padding:1rem}.conditions_box-heading{font-size:1.1rem;text-transform:uppercase}.conditions_box-items{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);padding:1rem 3rem}@media only screen and (max-width:768px){.conditions_box-heading{font-size:1rem}}@media only screen and (max-width:576px){.conditions_box-heading{font-size:.8rem}.conditions_box-items{display:grid;padding:1rem 0}}.forecast_box{background-color:var(--clr-secondary);border-radius:var(--b-rad-weather)}.forecast_box-row{margin-top:1rem;padding:1rem;position:static}.forecast_box-column{bottom:1rem;overflow-y:hidden;padding:1rem 1rem 4rem;position:fixed;right:1rem;top:1rem;width:calc(30% - 2rem)}.forecast_box-heading{font-size:1.1rem;text-transform:uppercase}.forecast_box-items{display:flex}.forecast_box-items-row{box-shadow:inset 10px 0 8px -10px var(--clr-primary),inset -10px 0 8px -10px var(--clr-primary);flex-direction:row;overflow:auto hidden;padding:0 1rem}.forecast_box-items-column{box-shadow:inset 0 10px 8px -10px var(--clr-primary),inset 0 -10px 8px -10px var(--clr-primary);flex-direction:column;height:100%;margin-top:1rem;overflow:hidden auto}.forecast_box-items-row>div{padding:1rem 2rem;position:relative}.forecast_box-items-column>div{padding:2rem 0;position:relative}.forecast_box-items>div:after{background:var(--clr-tertiary);content:"";position:absolute}.forecast_box-items>div:last-child:after{content:none}.forecast_box-items-row>div:after{height:50%;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:2px}.forecast_box-items-column>div:after{bottom:0;height:2px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:70%}@media only screen and (max-width:1400px){.forecast_box-column{width:calc(35% - 2rem)}}@media only screen and (max-width:1200px){.forecast_box-column{width:calc(40% - 2rem)}}@media only screen and (max-width:992px){.forecast_box-column{margin-top:2rem;position:static;width:100%}.forecast_box-items-column{height:auto;overflow:auto}}@media only screen and (max-width:768px){.forecast_box-heading{font-size:1rem}}@media only screen and (max-width:576px){.forecast_box-heading{font-size:.8rem}.forecast_box-items-row>div{padding:.5rem 1rem}.forecast_box-items-column>div{padding:1rem 0}}.footer{align-items:center;background-color:var(--clr-secondary);border-radius:var(--b-rad-weather);display:flex;font-size:1.1rem;justify-content:space-evenly;margin-top:auto;padding:1rem 2rem}.footer-separator{align-self:stretch;background:var(--clr-tertiary);width:2px}.footer_text{display:flex;flex-direction:column;gap:.5rem;text-align:center}.footer_my_name{font-weight:500;white-space:nowrap}.footer_api_attribute{align-items:center;display:flex;flex-direction:column;gap:.5rem}.footer_api_attribute>a>img{background-color:#fff;border-radius:var(--b-rad-weather);padding:.4rem;width:100px}.footer_links_source_code{align-items:center;display:flex;flex-direction:column;gap:.8rem}.footer_links{display:flex;gap:.5rem}.footer_icon{font-size:1.5rem}@media only screen and (max-width:1400px){.footer{font-size:1rem;padding:1rem}.footer_text{font-size:.9rem}.footer_api_attribute>a>img{border-radius:.5rem;padding:.2rem;width:80px}}@media only screen and (max-width:992px){.footer_text{font-size:1rem}}@media only screen and (max-width:768px){.footer{flex-direction:column;gap:1rem}.footer-separator{height:2px;width:100%}.footer_api_attribute{flex-direction:row;gap:1rem}.footer_links_source_code{flex-direction:column;gap:1rem}.footer_links{gap:1rem}.footer_icon{font-size:2rem}}.settings_bg{background-color:var(--clr-primary);font-family:var(--font-primary);min-height:100vh;padding:1rem}.settings_main{display:flex;flex-direction:column;gap:2rem;min-height:calc(100vh - 2rem);padding:0 0 0 calc(8% + 1rem);width:100%}.settings_heading{font-size:3rem}.settings_options{display:flex;flex-direction:column;gap:2rem;padding:0 2rem}.settings-switch_div{min-width:300px;width:50%}.settings-switch_div,.settings-switch_text_div{align-items:center;display:flex;justify-content:space-between}.settings-switch_text_div{font-size:1.2rem;width:70%}.settings-switch_text{font-weight:500;text-transform:uppercase}@media only screen and (max-width:1200px){.settings_main{padding:1rem 0 0}}@media only screen and (max-width:992px){.settings_bg{padding:2rem}.settings-switch_div{width:100%}.settings_heading{font-size:2.5rem}.settings-switch_text_div{font-size:1.1rem}}@media only screen and (max-width:768px){.settings_bg{padding:2rem}.settings_heading{font-size:2rem}.settings-switch_text_div{font-size:1rem;width:75%}}@media only screen and (max-width:576px){.settings_bg{padding:1rem}.settings_options{padding:0 .5rem}}
/*# sourceMappingURL=main.0ef9c8f3.css.map*/