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}#search{border:1px solid skyblue;border-radius:8px;height:25px;width:180px}.button{background-color:skyblue;border:none;border-radius:9px}.button:hover{background-color:#7fffd4;color:skyblue}.display-forecast{margin:0 auto;width:400px}.cardm{align-items:center;display:flex;justify-content:center;left:50%;top:46.64%}.card,.cardm{position:absolute}.card{background:skyblue;border-radius:25px;color:#000;height:130px;transition:.4s ease-in-out;width:250px;z-index:2}.weather{margin:1em}.main,.weather{position:relative}.main{font-size:2em;left:2.5em;top:-3em}.mainsub{font-size:.6em;left:6.5em;position:relative;top:-8em}.card2{background:#fff;border-radius:35px;display:flex;flex-direction:row;height:130px;position:absolute;transition:.4s ease-in-out;width:240px;z-index:-1}.card:hover{background-color:#ffe87c;cursor:pointer}.card:hover+.card2{border-bottom-left-radius:0;border-bottom-right-radius:0;height:300px}.card:hover+.card2 .lower{top:20.2em}.card:active+.card2{border-bottom-left-radius:0;border-bottom-right-radius:0;height:300px}.card:active+.card2 .lower{top:20.2em}.upper{color:#000;display:flex;flex-direction:row;gap:4em;left:1.8em;position:relative;top:.5em}.humiditytext{left:3.6em}.airtext,.humiditytext{font-size:.6em;position:relative;top:2.7em}.airtext{left:3.8em}.lower{color:#000;display:flex;flex-direction:row;font-size:.7em;left:3em;margin-top:.7em;position:absolute;text-align:center;top:1em;transition:.4s ease-in-out}.aqi{margin-right:3.25em}.realfeel{margin-right:1.8em}.card3{align-items:center;background:#32cd32;border-bottom-left-radius:35px;border-bottom-right-radius:35px;display:flex;flex-direction:row;font-size:1.24em;height:30px;justify-content:center;left:-2.4em;position:absolute;top:4.7em;transition:.4s ease-in-out;width:240px}.App{text-align:center}h1{color:#333}.spinner{animation:spin 2s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;margin:20px auto;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.afe63a52.css.map*/