@import"https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap";*{font-family:Karla,sans-serif;margin:0;padding:0;box-sizing:border-box}.app{min-height:100vh;display:grid;background:#fff;background:linear-gradient(0deg,#fff,#d4ecff 47%,#b7deff)}.weather{place-self:center;padding:20px;border-radius:40px;background-color:#ffffff78;display:flex;flex-direction:column;box-shadow:0 5px 5px -2px #00000040}.search-bar{display:flex;align-items:center}.search-bar input{height:40px;border:none;outline:none;border-radius:40px 0 0 40px;padding-left:25px;color:#626262;background:#fff;font-size:18px}.search-bar img{width:40px;padding:10px;border-radius:0 40px 40px 0;background:#fff;cursor:pointer}.country{font-weight:600;padding-top:10px;padding-left:10px;font-size:x-large}.city{font-weight:600;padding-left:10px;font-size:x-large}.day{color:#aeb9c2}.temperaturecondition{display:inline-flex;color:#505559;font-weight:500;justify-content:space-evenly}.weather-icon{width:100px;margin:15px}.number{display:inline-flex}.temperature{font-size:70px}.celcius{margin-top:15px;font-size:30px}.condition{text-align:center;font-size:20px}.menu-info{text-align:center;color:#525659}.today{padding:10px;font-size:20px;font-weight:700}.menu-img{width:150px;padding:10px}.menu{font-size:20px;font-weight:700}.introduction{margin:0 auto;width:250px;padding:10px;text-align:center}a.button{width:120px;padding:0;margin:10px 20px 10px 0 auto;font-weight:600;text-align:center;line-height:50px;color:#fff;border-radius:5px;transition:all .2s;text-decoration-line:none}.btnFloat{background:none;box-shadow:0 0 #00000080}.btnFloat:before{content:"Learn More";color:#fff;padding:10px;width:120px;height:50px;border-radius:20px;transition:all .2s}.btnOrange.btnFloat:before{background:#f3bf5c}.btnFloat:before{box-shadow:0 0 #0006}.btnFloat:hover:before{margin-top:-2px;margin-left:0;transform:scale(1.1);-ms-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);box-shadow:0 5px 5px -2px #00000040}