body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#e8cdba;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.responsive-components{align-content:center;align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.weather-card{background:#fff;border-radius:5px;box-shadow:0 1px 38px #00000026,0 5px 12px #00000040;font-family:Montserrat,sans-serif;font-weight:300;margin:1% 3% 2%;max-width:400px;overflow:hidden;width:100%}.weather-card .top{background-position:50%;background-size:cover;color:#fff;padding:10% 10% 0;text-align:center}.weather-card .top .temp{font-size:400%;font-weight:300;margin:0}.rectangle{height:100%}.morning{background-color:#94f7c4}.afternoon{background-color:#f5b183}.night{background-color:#d1b2d1}.weather-card__search{align-items:center;display:flex;margin-bottom:20px}.weather-card__search form{display:flex;max-width:400px;width:100%}.weather-card__search input{border:none;border-radius:4px 0 0 4px;flex:1 1;font-size:16px;padding:10px}.weather-card__search button{background-color:#2196f3;border:none;border-radius:0 4px 4px 0;color:#fff;cursor:pointer;font-size:16px;padding:10px}.weather-card .bottom{padding:0 15%}.weather-card .bottom .wrapper .forecast li{border-bottom:1px solid #0000001a;color:#000;display:block;font-size:150%;padding:10px 0}.weather-card .bottom .wrapper .forecast li .condition{float:right;font-size:25%}.weather-card .bottom .wrapper .forecast li .condition .temp{color:#000;font-family:Montserrat,sans-serif;font-size:400%}.btn-circle{background-color:#08c;border:none;border-radius:50%;color:#fff;font-size:16px;height:40px;line-height:40px;text-align:center;transition:all .2s;width:40px}.btn-circle:hover{background-color:#005580}.btn-circle:active{background-color:#036}.footer{background-color:#b0af90;border-top:1px solid #fff;font-size:18px;padding:20px 0;text-align:center}.footer p{margin:0}.footer img{width:100%}.footer-column{float:left;width:50%}
/*# sourceMappingURL=main.16e8b65e.css.map*/