*,:after,:before{box-sizing:inherit;margin:0;padding:0}html{box-sizing:border-box}body{background-color:#ecf0f1;color:#111;font-family:Roboto,sans-serif;min-height:100vh;position:relative}img{max-width:100%}button,input{font-family:inherit;font-size:100%}.container{margin:0 auto;max-width:400px;padding:10px}.secondary-text{font-size:.8rem}.main-header{align-items:center;background-color:#2c3e50;column-gap:100px;display:flex;flex-direction:column;justify-content:center;padding:10px;row-gap:10px}.main-heading{color:#fff}.location-input,.search-form-submit-btn{border:none;border-radius:4px;height:30px;padding:0 6px}.search-form-submit-btn{background-color:#fff;cursor:pointer}.search-form-submit-btn:hover{background-color:#e6e6e6}.loading-spinner-container{display:none;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.loading-spinner{animation:rotation 1s linear infinite;border:5px solid;border-color:#000 #000 transparent;border-radius:50%;display:inline-block;height:48px;width:48px}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.main{display:none;margin-top:10px}.location-menu-btn-container{align-items:center;display:flex;justify-content:space-between}.current-weather{display:flex;margin-top:10px}.current-weather-left{display:flex;flex:1;flex-direction:column;gap:3px}.location{font-size:1.8rem;font-weight:500}.current-weather-day-time{font-weight:400}.current-weather-icon-temp-feels-like{align-items:center;display:flex;gap:8px}.current-weather-icon{width:60px}.current-weather-temp{font-size:1.6rem;font-weight:500}.current-weather-right{align-items:end;display:flex;flex:1;flex-direction:column;gap:3px;justify-content:center}.current-weather-condition{font-size:.9rem}.cards{column-gap:10px;display:flex;list-style:none;margin-top:20px;overflow-x:auto}.card{align-items:center;display:flex;flex-direction:column;min-width:60px;row-gap:2px}.card-title{font-weight:500;margin-bottom:3px;text-wrap:nowrap}.card-precip{color:#2980b9}.card-icon{width:35px}.card-temp{color:#333}@media screen and (min-width:768px){.secondary-text{font-size:.9rem}.main-header{flex-direction:row}.current-weather-condition{font-size:1rem}}.menu-btn-container{position:relative}.menu-btn{border:none;border-radius:4px;cursor:pointer;padding:4px}.menu-btn svg{fill:#111;height:24px;pointer-events:none;width:24px}.menu-btn svg :hover{fill:#555}.menu{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:2px 4px 2px rgba(0,0,0,.1);display:none;margin-left:-95px;padding:10px;position:absolute;z-index:1}.scale-radios-container{display:flex;flex-direction:column;row-gap:5px}.radio-label-container{column-gap:4px;display:flex}
/*# sourceMappingURL=index.css.map*/