body{color:#fff!important;height:100vh;font-size:1.5rem;transition:top 1s ease-out .5s}.container{max-width:1440px!important}.form-control{width:27.4rem;border:.1rem solid rgba(180,184,187,.7);border-radius:.5rem 0 0 .5rem;padding:1.3rem 1.5rem;background-color:transparent!important;font-family:inherit;font-size:1.4rem}.btn,.form-control{color:#fff!important}.btn{padding:5px 20px!important;box-shadow:0 0 3px 0 #fff!important}.active{background-color:hsla(0,0%,62.7%,.29)}.microphone-active{position:relative;border:none;box-shadow:0 0 0 0 rgba(255,81,65,.7);border-radius:50%;background-color:#e84c3d;cursor:pointer;animation:pulse 1.25s cubic-bezier(.66,0,0,1) infinite;transition:all .2s ease-out}@keyframes pulse{to{box-shadow:0 0 0 15px rgba(232,76,61,0)}}.input-group-text{background-color:transparent!important}.weather-location{font-size:3rem;font-weight:700!important}.weather-time{font-size:2.2rem;text-transform:capitalize;font-weight:400}.weather-temperature{font-size:13rem}.card{background-color:transparent!important}.forecast_temperature{font-size:4rem}.mapboxgl-ctrl-top-right{top:10%;right:10%}.map{height:31vh;-webkit-mask-image:url(images/mask.svg);mask-image:url(images/mask.svg);background-size:cover;-webkit-mask-position:center;mask-position:center;background-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-clip:border-box}