@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Open Sans,sans-serif}body h1,body h2{color:#fafafa}body p{color:#dadada}.container{padding:0 8px;margin:0 auto;width:100%}@media screen and (min-width: 768px){.container{padding:0;max-width:752px}}@media screen and (min-width: 992px){.container{max-width:976px}}@media screen and (min-width: 1280px){.container{max-width:1264px}}.header{background-color:#252634;border-bottom:1px solid #452a8d}.header .container{padding:8px}@media (min-width: 992px){.header .container{padding:16px}}.header__title{font-weight:500}.footer{min-height:200px;background-color:#452a8d;display:flex;align-items:center}.footer__weather-info,.footer__personal-info{text-align:center;font-weight:300}.footer__weather-info__link,.footer__personal-info__link{font-weight:500;color:inherit;text-decoration:none}.footer__weather-info__link:hover,.footer__personal-info__link:hover{text-decoration:underline}.footer__weather-info:not(.footer__personal-info),.footer__personal-info:not(.footer__personal-info){margin-bottom:16px}.current-weather{background-color:#452a8d;min-height:240px;max-width:400px;border-radius:20px 20px 120px;padding:8px;display:flex;flex-direction:column;gap:8px;margin:0 auto 20px}.current-weather__main-info{display:flex;align-items:center;flex-direction:column;margin-bottom:8px;gap:8px}.current-weather__main-info__temp{flex:1;font-weight:600;font-size:65px;line-height:68px}.current-weather__main-info__temp span{font-size:16px;line-height:32px;vertical-align:top}.current-weather__main-info__address{flex:2;display:flex;flex-direction:column}.current-weather__main-info__address h2{font-size:24px;margin:0 auto 4px;text-align:center}.current-weather__main-info__address span{color:#dadada;font-size:12px;font-weight:300;margin:0 auto}.current-weather__more-info{display:flex;flex-direction:column;justify-content:space-between}.current-weather__more-info p{font-weight:300;font-size:14px}.current-weather__more-info p span{font-weight:500;font-size:16px}.current-weather__more-info__temp{display:flex;gap:16px;width:max-content}.current-weather__more-info__conditions p{margin-bottom:4px}.current-weather__more-info__icon-container{text-align:end}.current-weather__more-info__icon-container img{max-width:65px}@media (min-width: 345px){.current-weather{gap:16px}.current-weather__main-info,.current-weather__more-info{flex-direction:row}.current-weather__more-info__conditions p:last-child{margin-top:24px;max-width:230px}.current-weather__more-info__icon-container{position:relative;max-width:150px;width:100%}.current-weather__more-info__icon-container img{max-width:90px;position:absolute;right:40px;top:20px}}@media (min-width: 992px){.current-weather{grid-area:2/1/3/2;max-height:300px;margin:0;padding:16px}.current-weather__main-info__temp{font-size:90px;line-height:80px}.current-weather__main-info__temp span{font-size:20px}.current-weather__main-info__address h2{font-size:32px}.current-weather__main-info__address span{font-size:14px}.current-weather__more-info p{font-size:16px}.current-weather__more-info p span{font-weight:500;font-size:18px}.current-weather__more-info__conditions p:last-child{margin:16px 0 0;max-width:270px}.current-weather__more-info__icon-container{position:unset;animation:floating 5s linear infinite;transform:translatey(0)}.current-weather__more-info__icon-container img{max-width:100%;position:unset}}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(15px)}to{transform:translateY(0)}}.main-section{background-color:#252634;min-height:100vh;padding:20px 0}.main-section__title{font-size:20px;font-weight:500;max-width:220px;margin:0 auto;text-align:center}@media (min-width: 345px){.main-section__title{max-width:320px}}@media (min-width: 992px){.main-section{padding:40px 0}.main-section--grid{display:grid;grid-template-columns:405px 580px;grid-template-rows:100px 1fr;justify-content:space-between}.main-section__title{max-width:max-content}}.extended-forecast__title{font-weight:500;font-size:20px;padding:20px 0;border-top:1px solid #452a8d;max-width:450px;margin:0 auto}.extended-forecast__container-info{padding:0 8px;max-width:450px;margin:0 auto}.extended-forecast__info{min-height:60px;display:flex;align-items:center;justify-content:space-between}.extended-forecast__info__date{font-weight:300;font-size:14px}.extended-forecast__info__date p:first-child{text-align:center}.extended-forecast__info__temp{display:flex;align-items:center}.extended-forecast__info__temp span{line-height:20px}.extended-forecast__info__temp span:first-child{font-weight:500;margin-right:5px}.extended-forecast__info__temp span:last-child{font-weight:300;font-size:14px;margin-left:5px}.extended-forecast__info__icon-container{width:50px;text-align:center}.extended-forecast__info__icon-container img{padding:8px 0;width:30px}@media (min-width: 345px){.extended-forecast__info__icon-container{width:70px}.extended-forecast__info__icon-container img{width:50px}}@media (min-width: 992px){.extended-forecast{grid-area:1/2/3/3}.extended-forecast__title{border:none;padding-top:0;font-size:28px;margin:0;max-width:unset}.extended-forecast__container-info{max-width:unset;margin:0}.extended-forecast__info:not(:last-child){border-bottom:1px solid #452a8d}.extended-forecast__info__date{font-size:16px}.extended-forecast__info__temp{font-size:20px}.extended-forecast__info__temp span{line-height:24px}.extended-forecast__info__temp span:first-child{font-size:18px}.extended-forecast__info__temp span:last-child{font-size:16px}}.select-city fieldset{border:none;display:flex;justify-content:center}.select-city__select{margin-bottom:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:10px;border-bottom:2px solid #452a8d;padding:10px 20px;width:200px;cursor:pointer;color:#dadada;font-size:18px;background-image:linear-gradient(45deg,transparent 50%,#dadada 50%),linear-gradient(135deg,#dadada 50%,transparent 50%);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),calc(100% - 2.5em) .5em;background-size:5px 5px;background-repeat:no-repeat}.select-city__select option{color:#252634;margin-top:25px}.select-city__select option:first-child{opacity:.5}@media (min-width: 345px){.select-city__select{width:300px}}@media (min-width: 992px){.select-city{grid-area:1/1/2/2}}.spinner{position:fixed;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:#dadadacc;z-index:1}.spinner__loader{height:60px;width:60px;border-radius:50%;border:5px solid #452a8d;border-left-color:transparent;border-right-color:transparent;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.alert{position:fixed;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:#dadadacc;z-index:1;width:100%;height:100%;border:none}.alert__container{border:1px solid #452a8d;background-color:#252634;border-radius:8px;padding:24px;max-width:450px;margin:0 8px}.alert__container p{margin-bottom:24px}.alert__button{all:unset;border-radius:4px;background-color:#452a8d;color:#fafafa;padding:8px 16px;cursor:pointer;font-weight:500;transition:all .3s;z-index:1}.alert__button:hover,.alert__button:focus{background-color:#fafafa;color:#452a8d}