body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center;text-align:center}.background{position:fixed;z-index:-1}.background img{-webkit-animation:background-move 50s linear infinite;animation:background-move 50s linear infinite;object-fit:cover;object-position:center;object-position:top;top:0}@-webkit-keyframes background-move{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes background-move{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}input{border:3px solid hsla(0,9%,79%,.529);border-radius:5px;font-size:15px;padding:10px;width:350px}.input-container{align-items:center;background:hsla(0,0%,100%,.966);border-radius:15px;box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;font-size:20px;gap:20px;height:5vh;justify-content:center;margin-bottom:0;margin-top:100px;padding:20px;transition:all .3s ease-in-out;width:80%}button{background-color:#4fa14f;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;padding:10px 20px}button:hover{background-color:#6bbe6b}@media screen and (max-width:768px){input{margin-bottom:0}.App{overflow:hidden}.input-container{align-items:center;display:flex;font-size:15px;justify-content:center;margin:20px auto;padding:10px;width:70%}}@media screen and (max-width:992px){input{font-size:13px;margin-bottom:0;margin-top:0}.App{overflow:hidden}.input-container{align-items:center;display:flex;font-size:15px;justify-content:center;margin:20px auto;padding:20px;width:70%}}@media screen and (max-width:450px){.input-container{font-size:10px;padding:10px;width:70%}}@media screen and (max-width:360px){.App{justify-content:space-around;overflow:hidden}input{font-size:10px;margin-bottom:0;margin-top:0;width:250px}}@media screen and (min-height:1179px){.App{height:100vh}.input-container{align-items:center;background:hsla(0,0%,100%,.966);border-radius:15px;box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;font-size:20px;gap:20px;height:5vh;justify-content:center;margin:30px auto;padding:20px;transition:all .3s ease-in-out;width:80%}}.weather-container{align-items:center;color:#fff;display:flex;font-family:Roboto,sans-serif;gap:50px;height:60vh;justify-content:center;margin:20px auto;width:80%}.left-container{align-items:center;background:hsla(0,0%,100%,.966);border-radius:15px;box-shadow:0 0 10px rgba(0,0,0,.1);color:#5f5f5f;display:flex;flex-direction:column;gap:1rem;height:500px;width:30%}.left-container h2{font-size:45px;height:10%;justify-self:start}.left-container>p{font-size:20px;height:5%;text-align:center}.date{align-items:left;display:flex;height:5%;justify-content:space-between;margin-bottom:10%;width:90%}.temp,.weather-icon-container{align-items:center;display:flex;justify-content:center}.temp{height:20%}.temp p{font-size:50px}.icon{margin-right:50px;-webkit-transform:scale(1.3);transform:scale(1.3)}.min-max{font-size:15px;height:10%;justify-content:space-around;width:100%}.min-max,.right-container{align-items:center;display:flex}.right-container{background:hsla(0,0%,100%,.966);border-radius:15px;box-shadow:0 0 10px rgba(0,0,0,.1);color:#5f5f5f;flex-direction:column;font-family:Roboto,sans-serif;font-size:18px;gap:1rem;height:500px;justify-content:flex-start;width:70%}.forecast{align-items:center;display:flex;font-size:20px;gap:30px;height:30%;justify-content:center;margin-top:50px;width:100%}.forecast .forecast-day{align-items:center;display:flex;flex-direction:column;gap:0;height:100%;padding:5px;width:100px}.forecast-day img{height:70px;margin:0;width:70px}.forecast-day p{font-size:20px;margin:0}.bottom-container{align-items:center;display:flex;flex-direction:column;font-size:15px;gap:20px;height:60%;justify-content:center;margin:50px;width:100%}.bottom-bottom,.bottom-top{align-items:center;display:flex;width:90%}.bottom-container img{height:70px;margin-right:10px;width:70px}.bottom-bottom div,.bottom-top div{gap:0;width:35%}.attribute,.bottom-bottom div,.bottom-top div{align-items:center;display:flex;justify-content:center}.attribute{flex-direction:column;height:100px;width:100px}.attribute p{font-size:15px;height:30px;margin:0}.attribute .value{font-size:16px;font-weight:700}@media screen and (max-width:1400px){.weather-container{font-size:15px;gap:20px;height:50%;width:90vw}.left-container{width:30vw}.left-container .date p{font-size:12px}.left-container h2{font-size:30px}.left-container .min-max{font-size:12px;justify-content:space-around;margin-top:15px}.left-container .temp p{font-size:clamp(20px,4vw,50px)}.weather-icon-container .icon{margin:20px;-webkit-transform:scale(1.2);transform:scale(1.2)}.left-container>p{font-size:15px}.right-container{width:60vw}.right-container .forecast{gap:5px}.right-container .forecast-day{width:80px}.right-container .forecast-day p{font-size:15px}.right-container .forecast-day img{height:50px;width:50px}.bottom-container p{font-size:12px}.bottom-container .value{font-size:13px}.bottom-container img{height:60px;width:60px}}@media screen and (max-width:992px) and (max-width:768px){.weather-container{flex-direction:column;gap:10px;height:100%;justify-content:flex-start;width:90%}.left-container{gap:0;height:40%;width:60vw}.left-container .weather-icon-container .icon{margin:10px;-webkit-transform:scale(1);transform:scale(1)}.right-container{gap:0;height:40%;width:60vw}}@media screen and (max-width:768px){.weather-container{flex-direction:column;gap:10px;height:100%;justify-content:flex-start;width:90%}.left-container{gap:0;height:40%;width:70%}.left-container h2{font-size:clamp(20px,4vw,45px)}.right-container{gap:0;height:40%;width:70%}.right-container .forecast{gap:5px;margin-top:20px}.right-container .forecast-day p{font-size:12px}.bottom-container{font-size:12px;margin:0}.bottom-container .value,.bottom-container p{font-size:10px}.bottom-container img{height:40px;margin:0;width:40px}div.attribute{height:80px;width:70px}.attribute p{font-size:10px;height:20px;margin:0}}@media screen and (max-width:600px){.weather-container{flex-direction:column;gap:10px;height:100%;justify-content:flex-start;width:90%}.left-container,.right-container{gap:0;height:40%;width:100%}.bottom-container{font-size:10px;margin:0}.bottom-container .value,.bottom-container p{font-size:8px}.bottom-container img{height:30px;margin:0;width:30px}}@media screen and (max-width:1024px) and (orientation:landscape){.right-container .bottom-container{margin:0}}@media screen and (min-height:1180px){.weather-container{flex-direction:column;gap:10px;height:100%;justify-content:flex-start;width:90%}.left-container,.right-container{gap:0;height:40%;width:70%}.bottom-container{font-size:12px;margin:0}.bottom-container .value,.bottom-container p{font-size:10px}.bottom-container img{height:40px;margin:0;width:40px}}
/*# sourceMappingURL=main.5e6e6c9c.css.map*/