:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#263231;background-color:#b5c3c3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.flex-container{display:flex}.container{display:flex;margin:auto;flex-direction:row;gap:1em}.container h3,.container p{font-size:16px;margin-bottom:0;text-transform:uppercase}.weekday{text-transform:uppercase}.txt{margin:0 5px}.container-current{color:#fff;background-color:#658280;border-radius:29px;padding:1em}.container-weather{display:flex;flex-direction:column}.container-forecast{background:url("skyline-colored-fR7wsETA.jpg") center no-repeat;background-size:cover;color:#fff;padding:1em;border-radius:29px}h1{font-size:2em;line-height:1.1;margin-bottom:1em}.forecast h3{color:#263231;font-size:1.5em}button{margin:0;padding:3px 10px;border-radius:100px;font-size:1em;font-weight:500;font-family:inherit;background-color:#95a9a7;border:none;cursor:pointer}button:hover{background-color:#658280;color:#fff}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.forecast-grid{display:flex;flex-direction:row;padding:1em;gap:10px}.forecast-card{min-width:150px;padding:1em;color:#fff;background-color:#658280d9;border-radius:29px}form{display:block;margin:auto;background-color:#f5f5f5;border-radius:28px;padding:3px;position:relative}.search-input{margin:0 0 0 4px;padding:0;outline:none;border:none;background-color:inherit}.search-input:focus{outline:none}.temp{font-size:2em;margin:15px auto}