*,:after,:before{box-sizing:border-box}body{margin:0;background-color:#b3e5ff;color:#023;font-family:sans-serif}.blurred{filter:blur(3px)}.header{display:flex;align-items:center}.header-current-temp{font-size:2rem}.header-current-description{text-transform:capitalize}.header-left-details{margin-left:1rem}.header-left{display:flex;align-items:center;justify-content:center;width:50%;margin:.5rem;padding:.5rem;border-right:2px solid #023}.header-right{display:grid;width:50%;justify-content:space-around;gap:.5rem;grid-template-columns:repeat(3,auto);grid-template-rows:repeat(2,auto)}.input-container{display:flex;justify-content:center}.search-icon-container{position:relative;width:30%}#input-field{padding:8px 30px;outline:none;border-radius:8px 0 0 8px;border:none;width:100%;color:#333;font-family:sans-serif}.search-icon{color:#b3e5ff;position:absolute;top:18%;left:2%;font-size:18px}.large{transform:scale(1.3)}#submit-btn{padding:5px 10px;color:#fff;border:none;background-color:#85c2e0;border-radius:0 8px 8px 0}#submit-btn:hover{cursor:pointer;background-color:#4ba2ce}.warning-text-container{margin-bottom:30px;display:flex;justify-content:center}.warning-text{font-size:12px;visibility:hidden;color:#b80707}.weather-icon{width:40px;height:40px}.aqi-status{color:#b80707!important}.weather-icon.large{width:65px;height:65px}.location-name-container{display:flex;justify-content:center;margin:2rem 0 8px;flex-direction:column;align-items:center}.location-name{color:#046b85;font-weight:700;font-size:16px;text-transform:uppercase}.loc-county-name{font-size:12px}.loc-icon-name{margin-right:5px}.info-group{display:flex;flex-direction:column;align-items:center}.label{text-transform:uppercase;font-weight:700;font-size:.6rem;color:#046}.value-sub-info{font-weight:lighter;font-size:.75rem}.day-section{display:grid;grid-template-columns:repeat(auto-fit,75px);gap:.5rem;justify-content:center;flex-wrap:wrap;padding:1rem}.day-card-date{font-size:.75rem;color:#046}.day-card{display:flex;flex-direction:column;align-items:center;border:1px solid #023;border-radius:.25rem;padding:.25rem}.hour-section{width:100%;text-align:center;border-spacing:0}.hour-row{background-color:#99cce6}.hour-row:nth-child(2n){background-color:#85c2e0}.hour-row>td{padding:.25rem .5rem}@media only screen and (max-width:700px){.search-icon-container{width:55%}}
/*# sourceMappingURL=/styles.809db198.css.map */