@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);body{margin:0;padding:0;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{font-family:Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;text-align:center;background-color:#282c34;min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.container{width:900px;height:600px;border-radius:20px;box-shadow:5px 5px 25px #888;display:grid;grid-template-columns:1fr;grid-template-rows:1.9fr 1fr;grid-template-areas:"top" "bottom"}.top{display:grid;border-radius:20px 20px 0 0;background-image:url(https://www.motherlandsafaris.com/wp-content/uploads/2014/11/weather.jpg);background-size:cover;-webkit-justify-content:end;justify-content:end;grid-area:top}.image{height:128px;width:128px;justify-self:flex-end}.city{margin:0 8px}.temp{font-size:95px;padding:0 10px 0 0;margin:0}.minmax,.temp{font-weight:bolder}.minmax{display:grid;grid-template-columns:1fr 1fr;-webkit-justify-content:center;justify-content:center;-webkit-align-content:space-around;align-content:space-around}.minmax p{margin-bottom:5px}.tempmax{border-bottom:15px solid #ff4136}.tempmax,.tempmin{position:absolute;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;margin-top:-25px}.tempmin{border-top:15px solid #0074d9}.bottom{border-radius:0 0 20px 20px;display:grid;grid-area:bottom;background:#fff;color:#282c34;grid-template-columns:150px 150px 150px 150px 150px 150px;grid-template-rows:auto}.card{width:100%;height:100%}.card:not(:last-child){border-right:1px solid grey}.card h5{margin:14px 0 7px}.imagebottom{width:64px;height:64px}
/*# sourceMappingURL=main.bfcc88d9.chunk.css.map */