@import"https://fonts.googleapis.com/css2?family=Open+Sans&family=Tomorrow:wght@100;300;400;700;900&display=swap";*,*::after,*::before{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%}body{box-sizing:border-box;font-weight:400;font-family:"Open Sans",sans-serif;background-color:#1b2040}input{font-family:inherit;font-size:inherit}.container{display:flex;width:100%;max-width:1200px;margin:auto auto;position:relative;overflow:hidden}.header{text-align:center;width:auto;font-size:1.6rem;color:#f2f2f2}.header span{padding:0 1rem .5rem;border-bottom:2px solid #f2911b}@media(min-width: 48em){.header{font-size:2rem}}.navbar{width:100%;padding:2rem 1rem;display:flex;justify-content:center;align-items:center}@media(min-width: 30em){.navbar{padding:3rem 1.5rem}}.navbar .container{justify-content:space-between;align-items:center;height:100%}.navbar__logo{font-family:"Tomorrow",sans-serif;color:#f2f2f2;display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:1}.navbar__logo--main{font-size:3.6rem;text-shadow:2px 2px #f2911b}@media(min-width: 30em){.navbar__logo--main{font-size:4rem}}.navbar__logo--sub{font-size:1.8rem}@media(min-width: 30em){.navbar__logo--sub{font-size:2rem}}.navigation{display:flex;-moz-column-gap:1rem;column-gap:1rem;font-size:1.6rem;color:#f2f2f2}@media(min-width: 30em){.navigation{font-size:1.8rem}}.navigation a{transition:.5s all}.navigation a:hover{color:#f2911b}@media(min-width: 30em){.navigation__lang{margin-right:1rem}}.navigation__lang-item{cursor:pointer;transition:.5s all}.navigation__lang-item:hover{color:#f2911b}.navigation__lang-item--pl{margin-right:.5rem}.navigation__lang-item--en{margin-left:.5rem}.navigation__lang-item--active{font-weight:900;color:#f2911b}.navigation__link:link,.navigation__link:visited{text-decoration:none;color:#f2f2f2}.footer{padding:3rem;background-color:#0f1026;display:flex;justify-content:center;color:#ddd;font-size:1.4rem}.search{display:flex;justify-content:center;align-items:center;background-color:#f2f2f2;position:relative;height:6rem;width:100%}@media(min-width: 30em){.search{height:8rem}}.search .container{height:6rem;justify-content:space-between;align-items:center}@media(min-width: 30em){.search .container{height:8rem}}.search__city{font-size:1.4rem;margin:1rem;font-weight:700;width:260px;text-align:center}@media(min-width: 30em){.search__city{font-size:1.6rem}}@media(min-width: 48em){.search__city{font-size:1.8rem}}.search__bar{width:100%;max-width:400px;height:100%}.search__input{border:none;height:100%;width:100%;display:block;background-color:#ddd;padding:0 1rem;font-size:1.4rem;transform:translateX(100vw);transition:all .5s ease}.search__input:focus{outline:none}.search__input--active{transform:translateX(0vw)}@media(min-width: 30em){.search__input{font-size:1.6rem}}.search__input--error::-moz-placeholder{color:red}.search__input--error:-ms-input-placeholder{color:red}.search__input--error::placeholder{color:red}.search__button{position:absolute;top:0;right:0;opacity:1;width:6rem;height:100%;border:none;border-radius:0;display:flex;justify-content:center;align-items:center;background-color:#f2911b;transition:.5s all}.search__button:hover,.search__button:focus{background-color:#c07316;outline:none;cursor:pointer}.search__button ion-icon{font-size:3rem;color:#0f1026}@media(min-width: 30em){.search__button{width:8rem}}.current-temperature{width:100%;height:30rem;background-size:cover;background-position:center center;position:relative}@media(min-width: 30em){.current-temperature{height:35rem}}@media(min-width: 48em){.current-temperature{height:45rem}}@media(min-width: 75em){.current-temperature{min-height:300px;height:calc(100vh - 8rem - 12rem - 10rem)}}.current-temperature--thunderstorm-night{background-image:linear-gradient(to right bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2)),url("/img/thunderstorm-night.jpg")}.current-temperature--thunderstorm-day{background-image:linear-gradient(to right bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2)),url("/img/thunderstorm-day.jpg")}.current-temperature--rain-night{background-image:linear-gradient(to right bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2)),url("/img/rain-night.jpg")}.current-temperature--rain-day{background-image:linear-gradient(to right bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2)),url("/img/rain-day.jpg")}.current-temperature--snow-night{background-image:linear-gradient(to right bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2)),url("/img/snow-night.jpg")}.current-temperature--snow-day{background-image:linear-gradient(to right bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2)),url("/img/snow-day.jpg")}.current-temperature--fog-night{background-image:linear-gradient(to right bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2)),url("/img/fog-night.jpg")}.current-temperature--fog-day{background-image:linear-gradient(to right bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2)),url("/img/fog-day.jpg")}.current-temperature--drizzle{background-image:linear-gradient(to right bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2)),url("/img/drizzle.jpg")}.current-temperature--night{background-image:linear-gradient(to right bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2)),url("/img/night.jpg")}.current-temperature--day{background-image:linear-gradient(to right bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2)),url("/img/day.jpg")}.current-temperature--cloud-night{background-image:linear-gradient(to right bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2)),url("/img/cloud-night.jpg")}.current-temperature--cloud-day{background-image:linear-gradient(to right bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2)),url("/img/cloud-day.jpg")}.current-temperature__value{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-75%);font-size:8rem;color:#f2f2f2;font-weight:700}.current-temperature__value span{color:#f2911b}@media(min-width: 75em){.current-temperature__value{font-size:10rem}}.current-info{width:100%;display:flex;justify-content:center;align-items:center;-moz-column-gap:1.5em;column-gap:1.5em}.current-info__item{width:100%;max-width:15rem;height:10rem;transform:translateY(-50%);display:flex;flex-direction:column;justify-content:space-between;align-items:center}@media(min-width: 48em){.current-info__item{max-width:20rem;height:14rem}}.current-info__item-box{height:50%;width:100%;font-size:1.6rem;display:flex;justify-content:center;align-items:center}@media(min-width: 48em){.current-info__item-box{font-size:2rem}}.current-info__item-box--1{background-color:#1b2040;color:#f2f2f2}.current-info__item-box--2{background-color:#f2f2f2}.forecast-weather{margin-top:-1rem;display:flex;flex-direction:column;justify-content:center;position:relative}.forecast-weather .container{width:100%;max-width:1000px}.forecast-weather__box{position:relative;overflow:hidden;margin-top:5rem;cursor:-webkit-grab;cursor:grab;width:100%}@media(min-width: 48em){.forecast-weather__box{margin-top:7rem}}.forecast-weather__box-inner{display:flex;gap:10px;pointer-events:none;position:absolute;top:0px;left:0px;padding:0 1rem}.forecast-weather__item{position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;background-color:#ddd;padding:1rem;width:250px}.forecast-weather__item-date{width:100%;font-size:1.8rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-bottom:2rem}.forecast-weather__item-img{position:absolute;bottom:-7%;right:-7%;width:15rem;height:15rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.forecast-weather__item-info{font-size:1.4rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.forecast-weather__item-box{margin-bottom:1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.air-polution{padding-top:2rem;padding-bottom:8rem;display:flex;flex-direction:column;align-items:center;padding-left:2rem;padding-right:2rem}@media(min-width: 48em){.air-polution{padding-top:4rem}}.air-polution .container{flex-direction:column;max-width:700px}.air-polution__box{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;margin-top:2rem}.air-polution__header{margin-top:4rem;color:#f2f2f2;font-size:1.6rem;display:flex;justify-content:center;align-items:center}@media(min-width: 48em){.air-polution__header{margin-top:4rem}}.air-polution__header ion-icon{font-size:3rem;margin-left:.5rem}.air-polution__header--good ion-icon{color:green}.air-polution__header--moderate ion-icon{color:#8d6c09}.air-polution__header--bad ion-icon{color:#750909}.air-polution__header--very-bad ion-icon{color:#2e0202}.air-polution__item{width:150px;text-align:center}@media(min-width: 48em){.air-polution__item{width:200px}}.air-polution__item-box{width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-size:1.8rem}@media(min-width: 48em){.air-polution__item-box{font-size:2rem}}.air-polution__item-name{width:100%;background-color:#f2f2f2;padding:1rem}@media(min-width: 48em){.air-polution__item-name{padding:1.5rem}}.air-polution__item-value{width:100%;padding:1rem;background-color:#0f1026;color:#f2f2f2}@media(min-width: 48em){.air-polution__item-value{padding:1.5rem}}.air-polution__item--good{border-bottom:8px solid green}.air-polution__item--very-bad{border-bottom:8px solid #2e0202}.air-polution__item--bad{border-bottom:8px solid #750909}.air-polution__item--moderate{border-bottom:8px solid #8d6c09}/*# sourceMappingURL=main.css.map */