main{height:100vh;width:100%;display:flex;justify-content:center;align-items:center}.container{background-color:#ececec1c;border-radius:20px;width:100%;max-width:370px}.container-input{display:flex;height:50px;width:100%}.input-text{background-color:transparent;font-size:30px;margin-left:20px;width:100%}.input-text::placeholder{color:#4d4d4d}.button-search{width:100px;background-color:#ccc;cursor:pointer;border-radius:0 20px 0 0;transition:.2s cubic-bezier(.165,.84,.44,1)}.button-search:hover{transform:scale(1.1);background-color:#286baa}.search-icon{width:100%;transition:.2s all}.search-icon:hover{fill:#fff}.section-output{height:auto;background-color:#132a772c;transition:.2s all;border-radius:0 0 20px 20px;display:flex;flex-direction:column;justify-content:center}.container-magnitud{display:flex;flex-direction:row;margin-bottom:100px;margin-left:60px;margin-right:10px;justify-content:space-between;width:auto}.humedad{font-size:30px;position:relative}.humedad:after{content:"Humedad";position:absolute;top:100%;left:0;font-size:16px}.humedad:before{content:"";position:absolute;top:40%;left:-80%;background-image:url(/assets/humidity-white-DCxQVD_i.png);background-size:cover;height:40px;width:40px}.img-weather{width:100%;display:flex;justify-content:center}.constainer-temp{width:100%;height:auto;display:flex;justify-content:center}.temp{font-size:60px;position:relative}.temp:after{content:"°C";position:absolute;top:20%;left:100%;font-size:16px;font-weight:500}.constainer-descript{margin-top:-20px;margin-bottom:20px;width:100%;height:auto;text-align:center}.description{font-size:25px}.wind-speed{font-size:30px;position:relative}.wind-speed:after{content:"Velocidad del viento";position:absolute;top:100%;left:0;font-size:16px}.wind-speed:before{content:"";position:absolute;top:40%;left:-40%;background-image:url(/assets/wind-speed-icon-DtDs3b2p.png);background-size:cover;height:40px;width:40px}.not-found-container{width:100%;height:auto;display:flex;flex-direction:column;align-items:center;padding-top:50px}.not-found-container p{font-size:30px;font-weight:400;text-align:center;padding:0 15px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box;border:none;outline:none}