html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}
*,:after,:before{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%;font-family:Montserrat-Regular,Arial,sans-serif}body{box-sizing:border-box}.wrapper{max-width:1440px;height:100vh;margin:0 auto}@media (max-width:1050px){.wrapper{padding-top:2rem;height:auto}}
@font-face{font-family:Montserrat-Regular;src:url(fonts/ee6539921d713482b8ccd4d0d23961bb.ttf)}@font-face{font-family:Montserrat-Bold;src:url(fonts/ade91f473255991f410f61857696434b.ttf)}@font-face{font-family:Montserrat-Light;src:url(fonts/409c7f79a42e56c785f50ed37535f0be.ttf)}


.header{width:100%;height:100px;display:grid;grid-template-columns:repeat(3,90px) 120px 1fr;align-content:center;justify-items:center}@media (max-width:1050px){.header{grid-template-columns:repeat(3,90px) 120px;width:390px;margin:0 auto;grid-template-rows:repeat(2,1fr)}}@media (max-width:700px){.header{grid-template-columns:repeat(3,70px) 90px;grid-template-columns:1fr;width:300px}}
.main{width:100%;height:600px;display:grid;grid-template-columns:repeat(2,1fr)}.weather{grid-column:1/2;height:100%}.weather__current{width:100%;height:450px}.weather__forecast{width:100%;height:150px;display:grid;grid-template-columns:repeat(3,1fr)}.location{grid-column:2/3;height:100%}.current{position:relative;color:#fff}.current__info{font-style:normal;font-family:Montserrat-Bold;text-transform:uppercase;padding:50px 10px 20px;line-height:57px}.current__city{font-size:4rem;margin-left:3rem;overflow-wrap:anywhere;font-family:Montserrat-Bold}.current__date{font-size:2.5rem;margin-left:3rem}.current__temperature{font-size:27rem;font-family:Montserrat-Bold;position:absolute;top:35%;left:10%}.current__icon{width:150px;position:absolute;top:25%;right:13%}.current__details{position:absolute;top:55%;right:-4rem;font-size:2.2rem;color:#fff;font-family:Montserrat-Bold;line-height:37px;text-transform:uppercase;width:270px}.forecast{color:#fff;display:grid;align-content:center;justify-items:center;position:relative}.forecast__day{font-family:Montserrat-Regular;font-size:2.2rem;line-height:2.7rem;text-transform:uppercase}.forecast__temperature{font-style:normal;font-family:Montserrat-Bold;font-size:80px;line-height:98px;text-transform:uppercase}.forecast__img{width:70px;position:absolute;top:25px;right:-20px}.location{display:grid;justify-items:center;align-items:center;position:relative}.location__coordinates{position:absolute;left:21%;bottom:17%;font-size:2.2rem;color:#fff;font-family:Montserrat-Regular}#map{position:absolute;top:65px;width:42rem;height:42rem;-webkit-clip-path:polygon(50% 0,100% 0,100% 52%,100% 52%,100% 100%,70% 100%,56% 88%,0 88%,0 29%,0 0);clip-path:polygon(50% 0,100% 0,100% 52%,100% 52%,100% 100%,70% 100%,56% 88%,0 88%,0 29%,0 0);border-top-left-radius:5%;border-top-right-radius:5%}@media (max-width:1050px){.main{height:auto;grid-template-columns:1fr;grid-template-rows:1fr 450px}.weather{grid-column:1/2;grid-row:1/2;width:58rem;margin:0 auto}.location{grid-column:1/2;grid-row:2/3}.current__info{text-align:center}.location__coordinates{left:31%!important;bottom:9%!important}#map{top:10px}}@media (max-width:700px){.main{grid-template-rows:1300px 450px;grid-template-columns:1fr;width:300px;margin:0 auto}.weather__current{height:880px}.weather__forecast{grid-template-columns:200px;width:200px;margin:0 auto;height:420px}.weather{width:100%}.current__info{padding:3rem 0 0}.current__city,.current__info{font-size:4.4rem}.current__city{margin-left:0;font-size:2.6rem}.current__date{margin-left:0;font-size:2rem}.current__temperature{text-align:center;position:static;font-size:22rem!important;margin-top:-2rem}.current__icon{right:0!important;margin:-3rem auto 0;position:static;width:180px}.current__details{margin:0 auto;position:static;width:220px;text-align:center;font-size:2.2rem}.current__details>*{margin-top:1rem}.forecast__day{font-size:2.6rem}.location__coordinates{font-size:1.6rem;bottom:18%!important;left:5%!important;font-family:Montserrat-Bold}#map{width:30rem!important;height:32rem!important;margin-top:3rem}}@media (max-width:1200px){.current__temperature{top:42%;font-size:23rem}.current__icon{right:-3%}.current__details{right:-8%}.forecast__img{right:-35px;top:30px}.location__coordinates{left:17%;bottom:22%}#map{width:39rem;height:39rem}}
.footer{font-size:2rem;font-family:Montserrat-Light;cursor:pointer;max-width:100%;height:20px;position:relative}.footer__rss{right:16%}.footer__git,.footer__rss{text-decoration:none;color:#fff;position:absolute}.footer__git{right:4%}@media (max-width:1050px){.footer__rss{right:55%;bottom:1rem}.footer__git{right:40%;bottom:1rem}}@media (max-width:700px){.footer__rss{left:16%;bottom:1rem}.footer__git{right:20%;bottom:1rem}}

.arrows-block{width:45px;height:45px;background-color:#abddf6;justify-self:end;border-radius:8px;cursor:pointer;border:0;outline:none;transition:all .4s}.arrows-block__img{transform:scale(.7);transition:all .4s;margin:-2px 0 0 -2px}.arrows-block:hover{background-color:#f38630}.arrows-block:hover .arrows-block__img{transform:scale(.8)}@media (max-width:1050px){.arrows-block{grid-row:1/2;justify-self:center;margin-right:27px}}@media (max-width:700px){.arrows-block{margin-right:5px}}
.language{width:70px;height:45px;outline:none;position:relative;font-size:2rem;color:#fff}.language__change{width:100%;height:100%;cursor:pointer;transition:all .4s;background-color:#f38630!important;border-radius:8px}.language__change_lang{position:absolute;top:25%;left:18%}.language__change_arrow{position:absolute;top:36%;right:12%;width:15px}.language__buttons{position:absolute;top:45px;display:none;z-index:10}.language__buttons button{width:70px;height:45px;background-color:#abddf6;outline:none;color:#fff;cursor:pointer;border:none;transition:all .4s}.language__buttons button:nth-child(3){border-bottom-right-radius:8px;border-bottom-left-radius:8px}.language__buttons button:hover{background-color:#f38630}@media (max-width:1050px){.language{grid-row:1/2;margin-right:30px}}@media (max-width:700px){.language{margin-right:40px;margin-right:5px}}
.temperature{width:90px;height:45px;display:grid;grid-template-columns:repeat(2,1fr);font-size:2rem;border-radius:8px}.temperature__fahrenheit{border-top-left-radius:8px;border-bottom-left-radius:8px;border:none;cursor:pointer}.temperature__celsius,.temperature__fahrenheit{background-color:#abddf6;color:#fff;outline:none}.temperature__celsius{border-top-right-radius:8px;border-bottom-right-radius:8px;border:none;cursor:default}.active-temperature{background-color:#f38630!important}@media (max-width:1050px){.temperature{grid-row:1/2;margin-right:12px}}@media (max-width:700px){.temperature{margin-right:5px}}
.city-search{width:375px;height:45px;justify-self:end;margin-right:30px;display:grid;grid-template-columns:repeat(4,1fr);border:2px solid #abddf6;border-radius:6px;position:relative}.city-search__input{grid-column:1/4;outline:none;font-size:2rem;padding:5px 10px;border:none;border-top-left-radius:5px;border-bottom-left-radius:5px;background:rgba(171,221,246,.6);color:#f38630;transition:all .4s}.city-search__input::-webkit-input-placeholder{color:#72ccf9;opacity:1;font-size:1.6rem;font-weight:300;-webkit-transition:all .4s;transition:all .4s}.city-search__input:-ms-input-placeholder{color:#72ccf9;opacity:1;font-size:1.6rem;font-weight:300;-ms-transition:all .4s;transition:all .4s}.city-search__input::-ms-input-placeholder{color:#72ccf9;opacity:1;font-size:1.6rem;font-weight:300;-ms-transition:all .4s;transition:all .4s}.city-search__input::placeholder{color:#72ccf9;opacity:1;font-size:1.6rem;font-weight:300;transition:all .4s}.city-search__button{grid-column:4/5;border:2px solid #abddf6;border-top-right-radius:4px;border-bottom-right-radius:4px;background-color:#abddf6;cursor:pointer;color:#fff;font-size:1.4rem;transition:all .4s;font-weight:700;text-transform:uppercase}.city-search__button:hover{background-color:#72ccf9;border:2px solid #72ccf9!important}.city-search__microphone{position:absolute;top:2px;right:92px;width:35px;opacity:.6;transition:all .3s;cursor:pointer;z-index:30}.city-search__input:focus{background:#f38630;color:#72ccf9}.city-search__input:focus::-webkit-input-placeholder{color:#72ccf9;opacity:1;font-size:1.8rem;font-weight:300}.city-search__input:focus:-ms-input-placeholder{color:#72ccf9;opacity:1;font-size:1.8rem;font-weight:300}.city-search__input:focus::-ms-input-placeholder{color:#72ccf9;opacity:1;font-size:1.8rem;font-weight:300}.city-search__input:focus::placeholder{color:#72ccf9;opacity:1;font-size:1.8rem;font-weight:300}.city-search__microphone:hover{opacity:1}.error{position:absolute;top:50px;font-size:2rem;font-weight:300;color:#fff;text-transform:uppercase}@media (max-width:1050px){.city-search{grid-row:2/3;grid-column:1/5;margin:1rem 0 0;justify-self:center}}@media (max-width:700px){.city-search{width:300px}}
.audio-information{width:100px;height:45px;background-color:#abddf6;border-radius:6px;font-size:1.7rem;color:#fff;text-align:center;line-height:45px;cursor:pointer;transition:all .4s;text-transform:uppercase}.audio-information:hover{background-color:#f38630}@media (max-width:1050px){.audio-information{grid-row:1/2}}@media (max-width:700px){.audio-information{width:70px;font-size:1.4rem;margin-left:18px;margin-left:5px;font-family:Montserrat-Bold;font-size:1.1rem}}