.main_container{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100vh;background:#cccccc;padding:10rem 0}.main_container .title{color:#272727;padding-bottom:.75rem}.main_container .main_wrapper{max-width:600px;min-height:530px;width:100%;height:100%;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;gap:3rem;background-image:url(/assets/default.25712492.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;padding:.25rem 2rem;transition:.4 ease-in}@media screen and (max-width: 768px){.main_container .main_wrapper{max-width:300px}}.main_container .cloudy{background-image:url(/assets/cloudy.7e6d548a.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;transition:.4 ease-in}.main_container .sunny{background-image:url(/assets/sunny.f5477144.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;transition:.4 ease-in}.main_container .rainy{background-image:url(/assets/rainy.f0960123.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;transition:.4 ease-in}.input_wrapper{display:flex;align-items:center;justify-content:center}.input_wrapper input{height:55px;border-radius:10px 0 0 10px;border:1px solid #696969;outline:none;text-indent:1rem}.input_wrapper button{height:55px;width:100px;border:1px solid #696969;border-left:0;border-radius:0 10px 10px 0;background:#6c9cda;color:#f8f0e3;text-transform:uppercase;cursor:pointer;transition:.3s ease}.input_wrapper button:hover{background:#bd7e9d}.isError{text-align:center;color:#f8f0e3;font-size:20px;font-weight:700}.react-spinner-loader-swing div{border-radius:50%;float:left;height:1em;width:1em}.react-spinner-loader-swing div:nth-of-type(1){background:-webkit-linear-gradient(left,#385c78 0%,#325774 100%);background:linear-gradient(to right,#385c78 0%,#325774 100%)}.react-spinner-loader-swing div:nth-of-type(2){background:-webkit-linear-gradient(left,#325774 0%,#47536a 100%);background:linear-gradient(to right,#325774 0%,#47536a 100%)}.react-spinner-loader-swing div:nth-of-type(3){background:-webkit-linear-gradient(left,#4a5369 0%,#6b4d59 100%);background:linear-gradient(to right,#4a5369 0%,#6b4d59 100%)}.react-spinner-loader-swing div:nth-of-type(4){background:-webkit-linear-gradient(left,#744c55 0%,#954646 100%);background:linear-gradient(to right,#744c55 0%,#954646 100%)}.react-spinner-loader-swing div:nth-of-type(5){background:-webkit-linear-gradient(left,#9c4543 0%,#bb4034 100%);background:linear-gradient(to right,#9c4543 0%,#bb4034 100%)}.react-spinner-loader-swing div:nth-of-type(6){background:-webkit-linear-gradient(left,#c33f31 0%,#d83b27 100%);background:linear-gradient(to right,#c33f31 0%,#d83b27 100%)}.react-spinner-loader-swing div:nth-of-type(7){background:-webkit-linear-gradient(left,#da3b26 0%,#db412c 100%);background:linear-gradient(to right,#da3b26 0%,#db412c 100%)}.react-spinner-loader-shadow{clear:left;padding-top:1.5em}.react-spinner-loader-shadow div{-webkit-filter:blur(1px);filter:blur(1px);float:left;width:1em;height:.25em;border-radius:50%;background:#e3dbd2}.react-spinner-loader-shadow .react-spinner-loader-shadow-l{background:#d5d8d6}.react-spinner-loader-shadow .react-spinner-loader-shadow-r{background:#eed3ca}@-webkit-keyframes ball-l{0%,50%{-webkit-transform:rotate(0) translateX(0);transform:rotate(0) translate(0)}to{-webkit-transform:rotate(50deg) translateX(-2.5em);transform:rotate(50deg) translate(-2.5em)}}@keyframes ball-l{0%,50%{-webkit-transform:rotate(0) translate(0);transform:rotate(0) translate(0)}to{-webkit-transform:rotate(50deg) translateX(-2.5em);transform:rotate(50deg) translate(-2.5em)}}@-webkit-keyframes ball-r{0%{-webkit-transform:rotate(-50deg) translateX(2.5em);transform:rotate(-50deg) translate(2.5em)}50%,to{-webkit-transform:rotate(0) translateX(0);transform:rotate(0) translate(0)}}@keyframes ball-r{0%{-webkit-transform:rotate(-50deg) translateX(2.5em);transform:rotate(-50deg) translate(2.5em)}50%,to{-webkit-transform:rotate(0) translateX(0);transform:rotate(0) translate(0)}}@-webkit-keyframes shadow-l-n{0%,50%{opacity:.5;-webkit-transform:translateX(0);transform:translate(0)}to{opacity:.125;-webkit-transform:translateX(-1.57em);transform:translate(-1.75em)}}@keyframes shadow-l-n{0%,50%{opacity:.5;-webkit-transform:translateX(0);transform:translate(0)}to{opacity:.125;-webkit-transform:translateX(-1.75);transform:translate(-1.75em)}}@-webkit-keyframes shadow-r-n{0%{opacity:.125;-webkit-transform:translateX(1.75em);transform:translate(1.75em)}50%,to{opacity:.5;-webkit-transform:translateX(0);transform:translate(0)}}@keyframes shadow-r-n{0%{opacity:.125;-webkit-transform:translateX(1.75em);transform:translate(1.75em)}50%,to{opacity:.5;-webkit-transform:translateX(0);transform:translate(0)}}.react-spinner-loader-swing-l{-webkit-animation:ball-l .425s ease-in-out infinite alternate;animation:ball-l .425s ease-in-out infinite alternate}.react-spinner-loader-swing-r{-webkit-animation:ball-r .425s ease-in-out infinite alternate;animation:ball-r .425s ease-in-out infinite alternate}.react-spinner-loader-shadow-l{-webkit-animation:shadow-l-n .425s ease-in-out infinite alternate;animation:shadow-l-n .425s ease-in-out infinite alternate}.react-spinner-loader-shadow-r{-webkit-animation:shadow-r-n .425s ease-in-out infinite alternate;animation:shadow-r-n .425s ease-in-out infinite alternate}.react-spinner-loader-svg-calLoader{width:230px;height:230px;transform-origin:115px 115px;animation:1.4s linear infinite loader-spin;-webkit-animation:1.4s linear infinite loader-spin}.react-spinner-loader-svg-cal-loader__path{animation:1.4s ease-in-out infinite loader-path;-webkit-animation:1.4s ease-in-out infinite loader-path}@keyframes loader-spin{to{transform:rotate(360deg)}}@keyframes loader-path{0%{stroke-dasharray:0,580,0,0,0,0,0,0,0}50%{stroke-dasharray:0,450,10,30,10,30,10,30,10}to{stroke-dasharray:0,580,0,0,0,0,0,0,0}}.react-spinner-loader-svg svg{-webkit-transform-origin:50% 65%;transform-origin:50% 65%}.react-spinner-loader-svg svg polygon{stroke-dasharray:17;-webkit-animation:dash 2.5s cubic-bezier(.35,.04,.63,.95) infinite;animation:dash 2.5s cubic-bezier(.35,.04,.63,.95) infinite}@-webkit-keyframes dash{to{stroke-dashoffset:136}}@keyframes dash{to{stroke-dashoffset:136}}@-webkit-keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.weather_container{display:flex;flex-direction:column;align-items:center;justify-content:center}.weather_container .city_name{font-size:40px;font-weight:700;color:#f8f0e3}.weather_container .date_time{color:#f8f0e3;font-weight:300}.weather_container .temperature{font-weight:700;font-size:70px;color:#f8f0e3;background:rgba(59,59,59,.11);box-shadow:2px 3px 1px #00000056;border-radius:10px;padding:.3rem}.weather_container .description{display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;font-size:20px;color:#f8f0e3;padding-bottom:.25rem}.weather_container .description img{width:50px}.weather_container .temp_max-min{display:flex;align-items:center;justify-content:center;font-size:20px;color:#f8f0e3}.weather_container .temp_max-min .arrow-up{color:#03c263}.weather_container .temp_max-min .arrow-down{color:#d12c42}.weather_container .wheater_more-info{display:flex;gap:1.5rem;color:#f8f0e3;padding-top:2rem;font-size:20px}.weather_container .wheater_more-info p{display:flex;align-items:center;justify-content:center;gap:1rem}@media screen and (max-width: 768px){.weather_container .wheater_more-info p{flex-direction:column}}*{font-family:Poppins,sans-serif;padding:0;margin:0;box-sizing:border-box}