body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-position:bottom;padding:0;background-image:url(https://images.unsplash.com/photo-1580215063967-3a846fb57067?auto=format&fit=crop&ixid=eyJhcHBfaWQiOjEyMDd9&ixlib=rb-1.2.1&q=80&w=1189);background-size:cover;background-repeat:no-repeat;background-attachment:fixed}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{margin:0;padding:0}:root{--card-width:650px}.app{height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;transform:translateY(-50px)}.search{width:var(--card-width);display:flex;justify-content:space-evenly;height:35px;margin-bottom:15px}.search__input{width:calc(var(--card-width) - 150px);border-radius:15px;border:none;background-color:#fafafa;outline-width:0;text-align:center;padding:8px;margin-right:1em}.search__input::-webkit-input-placeholder{text-align:center}.search__input:-ms-input-placeholder{text-align:center}.search__input::-ms-input-placeholder{text-align:center}.search__input::placeholder{text-align:center}.search__input--err{border:1px solid red}.search__button{border-radius:10px;border:none;background-color:#fafafa;outline-width:0;text-align:center;padding:8px;cursor:pointer}.tempDisplay{width:690px;height:440px;background-color:hsla(0,0%,98%,.88);box-shadow:0 4px 4px rgba(0,0,0,.25);border-radius:12px;position:relative}.tempDisplay__today{text-align:left;font-size:10px;padding:46px}.tempDisplay__inlineDate{display:inline}.tempDisplay__inlineDate>p{font-size:14px;color:#848484}.tempDisplay__inlineDate>h2{display:block;font-size:20px}.tempDisplay__todayDescribe{display:flex;align-items:center;padding:10px 30px;justify-content:space-around}.tempDisplay__todayDescribe>h1{font-size:9rem}.tempDisplay__tempDescription{display:flex;flex-direction:column;width:180px;text-align:center}.tempDisplay__tempDescription>h2{font-weight:400;font-size:17px}.tempDisplay__tempDescription>p{color:#848484;font-size:12px}.tempDisplay__future{display:flex;justify-content:space-between;position:absolute;transform:translateY(225px)}.tempDisplay__future>p{margin:0;text-align:center}.forecast{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;box-shadow:0 4px 9px hsla(0,0%,50.6%,.2);margin-right:30px;background-color:#fff;width:100px;height:150px;padding:18px;transition:transform .1s ease-in}.forecast:last-child{margin-right:0}.forecast_weatherIcon{height:60px;width:60px;background-size:100%;margin:20px 0}.forecast__futureTemp{font-weight:800}.forecast:hover{background-color:rgba(181,189,194,.7);transform:scale(1.07)}
/*# sourceMappingURL=main.8e41af29.chunk.css.map */