@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{background:#e3e5e8;background:linear-gradient(90deg,#29323c,#485563);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex}.App{height:100vh;justify-content:center;width:100vw}.App,.box{align-items:center;display:flex}.box{background:#1bb116;background:linear-gradient(90deg,#243b55,#141e30);border:5px solid #608094;border-radius:20px;flex-direction:column;justify-content:space-around;padding:2rem 3rem;position:relative;text-align:center}.cityName{align-items:center;display:flex;font-size:2rem;font-weight:700;justify-content:space-between;width:100%}.cityName>p{position:relative}.cityName>p img{position:absolute;width:20px}.currtemp{font-size:2rem;justify-content:space-between;width:97%}.currtemp,.forcastdata{align-items:center;display:flex;font-weight:700}.forcastdata{font-size:1.4rem;position:relative;scroll-behavior:smooth;width:100%}.windData{display:flex;flex-direction:column;font-size:1rem;font-weight:700;gap:1rem;justify-content:center;text-align:left}.windData span{color:#24de13}.currtemp div:nth-child(2){font-size:4rem}.currtemp div:nth-child(2)>p{font-size:1.7rem}.search{align-items:center;background-color:#fff;border-radius:20px;display:flex;justify-content:space-between;padding:0 1rem;width:300px}input{background-color:initial;border:none;color:#17384c;font-size:1.2rem;outline:none;padding:.7rem .5rem;width:90%}.weatherData{display:flex;flex-direction:column;gap:2rem;height:100%;justify-content:space-between;width:100%}.invalid{color:#ff4b4b;margin-top:1rem}.translater{background-color:#dfdfdfe1;border-radius:10px;color:#17384c;cursor:pointer;font-size:1.4rem;left:51%;padding:.3rem .7rem;position:absolute;top:7%}.translater:hover{background-color:#608094;color:#fff;-webkit-filter:contrast(100%);filter:contrast(100%)}.forcastdata div:nth-child(n+2){border-left:2px solid hsla(0,0%,100%,.166)}.forcastdata div{padding:0 2rem}.tempAndLogo{align-items:center;display:flex;justify-content:space-around;width:63%}.rigtharrow{right:0}.leftarrow,.rigtharrow{bottom:29%;font-size:2rem;position:absolute}.leftarrow{left:0}.copyright{font-size:.9rem;margin-bottom:0}@media only screen and (max-width:880px){.cityName{flex-direction:column;gap:1rem}.App{align-items:normal}.translater{left:0;top:2%}.currtemp{flex-direction:column;gap:5rem;justify-content:center}.weatherData{align-items:center;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:normal}.currtemp div:nth-child(2){font-size:2rem;text-align:center;width:250px}.forcastdata{border-left:2px solid #608094;border-right:2px solid #608094;margin-top:2rem;overflow-x:scroll;width:300px}.forcastdata::-webkit-scrollbar{height:0;width:0}.forcastdata div:nth-child(n+2){border-left:none}.forcastdata div{padding:0 1.5rem}.box{background:none;border:none;height:auto;justify-content:center;padding:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}body{background-image:none;background:#6a90d6;background:linear-gradient(0deg,#243b55,#141e30)}.tempAndLogo img{margin:0;padding:0;width:130px}.currtemp div{padding:0}.tempAndLogo{align-items:center;border:2px solid #608094;border-radius:10px;display:flex;gap:0;justify-content:center;margin-top:2rem;width:330px}.windData{display:none}}@media only screen and (min-width:480px){.leftarrow,.rigtharrow{display:none}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.40758a4a.css.map*/