body{margin: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{padding-top:0;text-align:center;background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:left;font-size:1.2em;color:#fff}h1{margin-top:.5em}.button{background-color:#008cba;border:none;border-radius:.5em;color:#fff;padding:.5em;text-align:center;text-decoration:none;display:inline-block}.search-field{height:2em;margin:.5em;padding:0 .5em;font-weight:700;border-radius:.5em;width:50%}img{max-height:4em;margin:0 .5em}.group-days{flex-wrap:wrap;justify-content:center}.group-days,.Top-bar{display:flex;flex-direction:row}.Top-bar{justify-content:space-around;align-items:flex-start;margin-bottom:2em}.Search-bar{max-width:400px}.Current-condition{display:flex;flex-direction:row;align-items:baseline}.Current-condition img{position:relative;top:1em}.Current-condition p{padding:0 1em}.Current-condition h2{margin:0}@media screen and (max-width:1100px){.Top-bar{flex-direction:column;align-items:center;margin-bottom:0}.Top-bar img{margin:0 .5em 1.5em}.Top-bar p{margin:.5em 0}}@media screen and (max-width:660px){.Current-condition{flex-direction:column;align-items:center}}.ComingDays{border-radius:1em;padding:.5em;border:solid;margin:1em}.ComingDays>p{margin-top:0}button{cursor:pointer;color:#fff;background-color:initial;font-size:1em;outline:none;transition:.1s}button:focus,button:hover{background-color:hsla(0,0%,100%,.1)}button:hover{transform:translateY(-2px)}.DetailedDay{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;border-radius:1em;padding:.5em;border:solid;margin:1em}.Day{display:inline;justify-self:center;background-color:#282c34;position:relative;top:35px;padding:.2rem .5rem;border:solid;border-color:#fff;border-width:3px;border-radius:.75rem}.Spinner-logo{animation:Spinner-logo-spin 2s linear infinite}@keyframes Spinner-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.footer>p{margin:.5em}
/*# sourceMappingURL=main.df8c782a.chunk.css.map */