body{margin:0}body{background-color:#f5f5f5;background-image:url(/assets/clouds-Chdq7Nmn.png);background-position:center;background-repeat:no-repeat;background-size:cover;font-family:Montserrat,sans-serif}.footer-container{width:100%;background-color:#200b64;color:#fff;padding:16px;display:flex;position:fixed;justify-content:right;box-sizing:border-box;bottom:0;left:0}a{color:#fff;font-size:14px;text-decoration:none}.top-search-bar-container{width:100%;background-color:#200b64;color:#fff;padding:16px 0;display:flex;justify-content:center}.search-input-wrapper{position:relative;width:324px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:gray;pointer-events:none}.top-search-bar-entry{background-color:#f5f5f5;border:none;border-radius:8px;font-size:20px;padding:8px 8px 8px 40px;width:100%}.weather-card-container{width:100%;min-height:78vh;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.weather-card-content{width:320px;height:480px;padding:36px;border-radius:8px;background-color:#200b64;background-image:url(/assets/clouds-Chdq7Nmn.png);background-position:center;background-repeat:no-repeat;background-size:cover;box-shadow:0 0 8px #0003;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.weather-card-city{margin:8px 0 0;font-size:1.6rem;font-weight:700;text-align:center}.weather-card-country{margin:4px 0 16px;font-size:1.2rem;font-weight:500;color:#d1d1f0;text-align:center}.weather-card-figure{margin:0 0 16px;text-align:center}.weather-card-image{width:128px;padding:8px;border-radius:8px;background:#c8c8c833;box-sizing:content-box}.weather-card-description{margin:8px auto;font-size:1.1rem;font-style:italic;color:#eee}.weather-card-degrees{margin:0;font-size:2.4rem;font-weight:700;text-align:center}.weather-card-content>*:not(:last-child){margin-bottom:12px}.weather-card-minmax{width:100%;display:flex;justify-content:space-between;gap:8px}.minmax-separator{font-size:50px;opacity:.2}.minmax-box{flex:auto;padding:8px;text-align:center}.minmax-title{margin:0;font-size:1rem;font-weight:500;color:#ddd}.minmax-value{margin:4px 0 0;font-size:1.2rem;font-weight:700;color:#fff}