@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap);body{background-color:#1c9ad0;background-image:url(https://img.freepik.com/free-vector/gorgeous-clouds-background-with-blue-sky-design_1017-25501.jpg);background-repeat:no-repeat;background-size:cover;font-family:Roboto,sans-serif;margin:0;padding:0}.window{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:10px;box-shadow:4px 4px 250px #176990;color:#fff;cursor:text;display:flex;flex-direction:column;height:70vh;left:50%;overflow:hidden;padding:10px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:60vw}.header{align-items:center;display:flex}.form,.header{cursor:pointer}.form{background-color:transparent;border:0;color:#fff;font-size:80px;margin-bottom:20px}.form:focus{outline:none}.body{height:100%;width:100%}@media(max-width:991px){.window{height:100vh;width:100vw}.row{grid-template-columns:1fr}}.map-container{border-radius:10px;height:100%;width:100%}.next-24{border-radius:10px;display:flex;overflow-x:auto;padding:50px 10px;white-space:nowrap}.next-24::-webkit-scrollbar{height:0;width:0}.hourly{display:block;margin-right:52px;text-align:center}.hourly-temperature{font-size:24px;margin-bottom:6px}.currentTemperature{font-size:40px}.row{grid-gap:10px;display:grid;grid-template-columns:repeat(3,1fr)}.card{border-radius:10px;box-shadow:4px 4px 250px #1f8cbe;height:180px;padding:10px;position:relative}.card-center{font-size:50px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}