body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#06283d;color:#06283d;font-family:Roboto;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#fff;border-radius:32px;box-shadow:0 0 0 3px #0000,0 6px 20px #1212121a;left:50%;top:50%;transform:translateY(-50%) translateX(-50%);transition:all .3s ease-in-out;width:80vw}.App,span{height:64px;position:absolute}span{align-items:center;color:#ff7f7f;display:none;transform:translate(16.5vw,75%)}@media only screen and (min-width:800px){.App{height:64px;width:24vw}span{transform:translate(5.1vw,75%)}}.Searchbar{align-items:center;border-radius:32px;display:flex;height:64px;justify-content:space-between;padding:0 10px;z-index:9}.locationDot{font-size:28px;padding:8px}input{border:none;font-size:24px;outline:none;width:60%}input::placeholder{opacity:.5}.faSearch{font-size:24px;padding:8px}button{background-color:#dff6ff;border:none;border-radius:100px;cursor:not-allowed;transition:all .5s ease-in-out}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 30px #fff!important}input:-webkit-autofill:first-line{font-size:24px!important}@media only screen and (min-width:600px){.Searchbar{padding:0 16px}}.displayMeteo{align-items:center;display:flex;flex-direction:column;height:80%;justify-content:space-evenly;opacity:0;transition:all 1s ease-in-out;visibility:hidden;width:100%}img{max-height:25vh;padding:3vh 0}.data{align-items:center;flex-direction:column;font-size:30px;justify-content:center}.data,.temperature{display:flex}.temperature .value{font-size:50px;font-weight:bolder}.temperature .celcius{font-weight:bolder}.meteo{padding-bottom:3vh}.place{margin-bottom:0;margin-top:2vh;text-transform:capitalize}.moreData{align-items:center;display:flex;font-size:16px;justify-content:space-between;width:100%}.humidity,.windSpeed{align-items:center;display:flex;padding:0 20px}.icon{font-size:28px;padding:8px}.humidityData .value,.windData .value{font-size:20px;font-weight:700}
/*# sourceMappingURL=main.adcf22c1.css.map*/