.App{text-align:center;position:relative;overflow:hidden}.Header{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:70%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;z-index:101;padding:10px 0}.Header:before{content:"";position:absolute;width:100%;height:1px;bottom:0;background:-webkit-gradient(linear,left top,right top,from(#fff),color-stop(#00fff2),to(#fff));background:linear-gradient(90deg,#fff,#00fff2,#fff);box-shadow:0 0 3px 1px #fff}@media screen and (max-width:736px){.Header{width:100%}}.Nav{width:-webkit-max-content;width:-moz-max-content;width:max-content;position:relative}.Nav__burger{display:none}.Nav ul{display:flex;flex-direction:row;flex-wrap:wrap;width:-webkit-max-content;width:-moz-max-content;width:max-content}.Nav ul li{margin:0 20px}.Nav ul li:first-child{margin-left:0}.Nav ul li:last-child{margin-right:0}.Nav ul li a{text-decoration:none;color:#fff;position:relative;-webkit-transition:.4s;transition:.4s;text-shadow:1px 2px 2px #292c2c}.Nav ul li a:hover:before{width:100%}.Nav ul li a:before{content:attr(data-text);position:absolute;width:0;text-shadow:1px 0 0 #bfbec7;overflow:hidden;-webkit-transition:.4s;transition:.4s}@media screen and (max-width:736px){.Nav{margin-right:15px}.Nav__burger-wrap{display:flex;width:-webkit-max-content;width:-moz-max-content;width:max-content;height:-webkit-max-content;height:-moz-max-content;height:max-content}.Nav__burger{display:block;position:absolute;right:0;top:-20px;overflow:hidden;padding:0;margin:0;width:44px;height:35px;font-size:0;box-shadow:none;cursor:pointer;border:none;outline:none}.Nav__burger span{top:16px;right:0}.Nav__burger span,.Nav__burger span:after,.Nav__burger span:before{display:block;position:absolute;left:0;height:4px;background:-webkit-gradient(linear,left top,right top,from(#00fff2),to(#fff));background:linear-gradient(90deg,#00fff2,#fff)}.Nav__burger span:after,.Nav__burger span:before{width:100%;content:""}.Nav__burger span:before{top:-12px}.Nav__burger span:after{bottom:-12px}.Nav__burger-line{background:transparent}.Nav__burger-line span{-webkit-transition:background 0s .3s;transition:background 0s .3s}.Nav__burger-line span:after,.Nav__burger-line span:before{-webkit-transition-duration:.3s,.3s;transition-duration:.3s,.3s;-webkit-transition-delay:.3s,0s;transition-delay:.3s,0s}.Nav__burger-line span:before{-webkit-transition-property:top,-webkit-transform;transition-property:top,-webkit-transform;transition-property:top,transform;transition-property:top,transform,-webkit-transform}.Nav__burger-line span:after{-webkit-transition-property:bottom,-webkit-transform;transition-property:bottom,-webkit-transform;transition-property:bottom,transform;transition-property:bottom,transform,-webkit-transform}.Nav .is__active .Nav__span{background:none}.Nav .is__active .Nav__span:before{top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.Nav .is__active .Nav__span:after{bottom:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.Nav .is__active .Nav__span:after,.Nav .is__active .Nav__span:before{-webkit-transition-delay:0s,.3s;transition-delay:0s,.3s}.Nav ul{display:flex;position:absolute;right:-300px;top:25.5px;z-index:101;width:280px;background-color:rgba(1,0,0,.9);flex-direction:column;align-items:flex-start;-webkit-transition:all 1s ease;transition:all 1s ease}.Nav ul li{margin:5px;padding:10px 30px}.Nav ul li:first-child,.Nav ul li:last-child{margin-left:5px}}.Logo{font-family:"Trade Winds",cursive;color:#fff;font-size:30px;text-decoration:none;text-shadow:0 4px 2px #292c2c}@media screen and (max-width:736px){.Logo{margin-left:15px}}.Footer{background:grey;padding:0;position:relative}.Footer p{color:#f0fff0;font-size:25px}.Home{background:#0a2a43;min-height:1500px}.Home__paralax{position:relative;width:100%;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.Home__paralax .picture{position:absolute;top:0;width:100%;height:100%;background-repeat:no-repeat}.Home__paralax .bg{background:url(/static/media/bg.5df9840d.jpg)}.Home__paralax .moon{right:0;top:10%;background:url(/static/media/moon2.ab0189e1.png);width:200px;height:200px;background-size:cover}.Home__paralax .mountain{background:url(/static/media/mountain.ecd840aa.png);background-size:cover}.Home__paralax .road{background:url(/static/media/road2.c1486fe4.png);background-size:cover;z-index:2}.Home__paralax:before{bottom:0;height:100px;background:-webkit-gradient(linear,left bottom,left top,from(#0a2a43),to(transparent));background:linear-gradient(0deg,#0a2a43,transparent)}.Home__paralax:after,.Home__paralax:before{content:"";position:absolute;width:100%;z-index:100}.Home__paralax:after{top:0;left:0;height:100%;background:#0a2a43;mix-blend-mode:color}.Home__title{font-family:"Trade Winds",cursive;position:relative;color:#fff;font-size:200px;z-index:1}.Home .container{margin:100 auto}.Home__description{color:#fff;font-size:25px;padding:20px}@media screen and (max-width:1024px){.Home__title{font-size:60px}.Home .moon{width:70px;height:70px}.Home .road{background-position-x:center}}.Weather{width:100%;min-height:100%;overflow:hidden}.Weather__wrap{width:100%;height:100%;top:0;left:0}.Weather__head{padding-top:50px}.Weather__content{position:relative}.Weather__content-wrap{width:80%;margin:0 auto;position:relative;display:flex;flex-direction:column;align-items:center;background:rgba(92,97,112,.4);border-radius:15px;overflow:hidden}.Weather__content-wrap .city__name{margin-top:30px;font-size:40px}.Weather p{color:#fff;font-size:24px;font-weight:700}.Weather__input{position:relative;width:-webkit-max-content;width:-moz-max-content;width:max-content;border-bottom-left-radius:20px;border-bottom-right-radius:3px;border-top-right-radius:20px;border-top-left-radius:3px;overflow:hidden;margin-top:30px;margin-bottom:30px;-webkit-transition:.3s;transition:.3s;z-index:100}.Weather__input input{width:232px;height:40px;padding-left:10px;padding-right:48px;border:none;text-align:center;outline:none}.Weather__input input::-webkit-input-placeholder{color:red}.Weather__input input:-ms-input-placeholder{color:red}.Weather__input input::-ms-input-placeholder{color:red}.Weather__input input::placeholder{color:red}.Weather__input input:focus{color:green}.Weather__input .btn__wrap{position:absolute;top:0;right:0;height:100%}.Weather__input .btn__wrap button{height:100%;width:45px;border:none;outline:none;background:#331a53;color:#fff}.active__border{border-bottom-left-radius:3px;border-bottom-right-radius:20px;border-top-right-radius:3px;border-top-left-radius:20px;-webkit-transition:.3s;transition:.3s}@media screen and (max-width:736px){.Weather__content-wrap{width:100%;border-radius:0}}.OutData{width:100%;display:flex;flex-direction:column;align-items:center}.OutData .now__temp-wrap{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:center}.OutData .now__temp-wrap .now__temp{font-size:70px;margin:20px;width:-webkit-max-content;width:-moz-max-content;width:max-content;font-weight:900}.OutData .now__temp-wrap .now__temp-img{width:200px}.OutData .now__temp-wrap .now__temp-img img{width:120px}.OutData .now__temp-wrap .now__temp-img p{-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:20px}.OutData .description-wrap{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;text-align:left}.OutData .description-wrap .description-item{margin:10px}.OutData .description-wrap .description-item p{padding:5px;font-size:15px;font-weight:500}.FiveDay,.FiveDay__wrap{margin:20px auto 0}.FiveDay__wrap{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;background:rgba(0,0,0,.95)}.FiveDay__item{display:flex;flex-direction:column;padding:15px;width:140px}.FiveDay__item p{text-align:left;font-size:13px;font-weight:400;line-height:1.2}.FiveDay__temp-img div{display:flex;flex-direction:row;justify-content:flex-start;overflow:hidden}.ParalaxWeather__paralax{position:relative;height:100%}.ParalaxWeather__paralax .paralax__mountain{position:fixed;width:100%;height:100%;top:0;left:0}.ParalaxWeather__paralax .paralax__mountain-1{background:url(/static/media/m_1.f493a0ef.png) 0 0/cover no-repeat;z-index:0}.ParalaxWeather__paralax .paralax__mountain-2{background:url(/static/media/m_2.e6f3eb82.png) 100% 100%/45% no-repeat;z-index:10}.ParalaxWeather__paralax .paralax__mountain-3{background:url(/static/media/m_3.8ee95d26.png) 0 100%/100% no-repeat;z-index:10}.ParalaxWeather__paralax .paralax__fog{background:url(/static/media/fog_1.6e3b726b.png) bottom/100% no-repeat;z-index:11;position:fixed;height:100%;width:100%;top:0;left:0}.SelectWeather{display:flex;flex-direction:column;z-index:100}.SelectWeather select{width:290px;height:42px;border-radius:10px;margin-bottom:30px;text-align-last:center;outline:none}.IsLoading{display:inline-block;position:relative;width:80px;height:80px}.IsLoading div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#cef;-webkit-animation-timing-function:cubic-bezier(0,1,1,0);animation-timing-function:cubic-bezier(0,1,1,0)}.IsLoading div:first-child{left:8px;-webkit-animation:lds-ellipsis1 .6s infinite;animation:lds-ellipsis1 .6s infinite}.IsLoading div:nth-child(2){left:8px}.IsLoading div:nth-child(2),.IsLoading div:nth-child(3){-webkit-animation:lds-ellipsis2 .6s infinite;animation:lds-ellipsis2 .6s infinite}.IsLoading div:nth-child(3){left:32px}.IsLoading div:nth-child(4){left:56px;-webkit-animation:lds-ellipsis3 .6s infinite;animation:lds-ellipsis3 .6s infinite}@-webkit-keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}@keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{margin:0 auto;box-sizing:border-box;font-family:"Roboto",sans-serif;font-family:"Trade Winds",cursive;font-family:"Lato",sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.container{width:70%;display:flex;margin:0 auto;padding:100px 0;flex-direction:column}@media screen and (max-width:736px){.container{width:100%}}.Currency{display:flex;flex-direction:column;width:100%}.Currency__bg{position:fixed;width:100%;height:100%;background:url(/static/media/bgMoney.8bbcbbf5.png);background-position:bottom;background-size:cover}.Currency__bg:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6)}.Currency__wrap{position:relative;display:flex;min-height:73vh;flex-direction:column;align-items:center;justify-content:space-evenly;background:hsla(0,0%,100%,.4);padding:15px;border-radius:15px;overflow:hidden}.Currency .base__currency{margin:15px;font-size:40px}.Currency .Currency__item-wrap{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.Currency .Currency__item-wrap div{margin:5px 15px}.Currency .Currency__item-wrap .Currency__item-name{position:relative;color:#fff;font-weight:700;font-size:70px;line-height:1.2;letter-spacing:3px}.Currency .Currency__item-wrap .Currency__item-name:before{content:attr(data-text);position:absolute;top:10px;left:-10px;color:rgba(0,0,0,.3);text-shadow:none;-webkit-filter:blur(8px);filter:blur(8px);z-index:-1}.Currency .Currency__item-wrap .Currency__item-price{position:relative;color:#fff;font-weight:700;font-size:40px;line-height:1.2;letter-spacing:3px}.Currency .Currency__item-wrap .Currency__item-price:before{content:attr(data-text);position:absolute;top:5px;left:-5px;color:rgba(0,0,0,.3);text-shadow:none;-webkit-filter:blur(6px);filter:blur(6px);z-index:-1}.Currency p{text-align:center;color:#fff;font-size:24px;font-weight:700}.Currency .select__currency{width:290px;height:42px;border-radius:10px;margin-top:30px;margin-bottom:30px;text-align-last:center;outline:none}@media screen and (max-width:736px){.Currency__wrap{margin:0 15px}}.CurrencyCalc__item{display:flex;flex-direction:column;align-items:center}.CurrencyCalc__item div{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.CurrencyCalc__item input,.CurrencyCalc__item p{margin:10px}.CurrencyCalc__item input{width:275px;height:40px;border:none;border-radius:10px;padding-left:15px}
/*# sourceMappingURL=main.58628f70.chunk.css.map */