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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{padding:0;margin:0;background-color:#363f42}.App{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff;min-height:100vmin}.App-footer{font-size:.4em;margin:3em 0}.App-footer span{display:inline-block}.App-credits{margin-left:2em}.App-author{margin:0 .5em}a{color:#61dafb}.CurrencySelector{font-size:.75em;padding:.2em 1em}.AmountInput-container{margin:.5em}.AmountInput{font-size:inherit;padding:.5em;width:8em}.CurrencyConverterForm{display:flex;padding:1em;background-color:hsla(0,0%,100%,.4);box-shadow:0 .2em 1em rgba(0,0,0,.4);border-radius:.4em}.CurrencyConverterForm>div{align-self:center}.CurrencyHistoryGraph-polygon{fill:rgba(0,0,0,.2)}.CurrencyHistory-container{text-align:center}.CurrencyHistory{font-size:.5em;padding:1em;margin:0 auto;width:80%;border-radius:0 0 .4em .4em;background:hsla(0,0%,100%,.1)}.CurrencyHistory-graph-container{width:100%;min-height:100px;margin:1em 0;border-bottom:1px solid hsla(0,0%,100%,.2)}.CurrencyHistory-graph-currency{display:inline-block;margin:0 .2em}.CurrencyHistory-graph-day-range{display:inline-block;margin-left:1em}.CurrencyHistory-drawer{max-height:0;overflow:hidden;transition:max-height .3s;background:rgba(0,0,0,.1);box-shadow:inset 0 .5em 1em rgba(0,0,0,.2)}.CurrencyHistory-open .CurrencyHistory-drawer{max-height:10000px;transition:max-height .8s}.CurrencyHistory-table{margin:1em}.CurrencyHistory-table thead tr{border-bottom:1px solid #fff}.CurrencyHistory-table thead td{background:rgba(0,0,0,.2)}.CurrencyHistory-table tr{border-bottom:1px solid hsla(0,0%,100%,.1)}.CurrencyHistory-table tr:hover{background:rgba(0,0,0,.1)}.CurrencyHistory-table td{padding:.2em 1em}.CurrencyHistory-toggle-drawer-button{font-size:1em;padding:.2em 1em;margin-top:1em;border-radius:.4em;border:0;background-color:hsla(0,0%,100%,.1);color:#fff;cursor:pointer}.CurrencyHistory-toggle-drawer-button:hover{background-color:hsla(0,0%,100%,.2)}.CurrencyRatesStatus-container{text-align:center}.CurrencyRatesStatus{font-size:.5em;padding:1em;margin:0 auto;width:80%;border-radius:.4em .4em 0 0;background:hsla(0,0%,100%,.1)}.CurrencyRatesStatus-date{display:inline-block;background:rgba(0,0,0,.1);margin:0 .25em;padding:0 .25em}.CurrencyConverter-header{margin:0 0 1em}.CurrencyConverter-header h1{margin:0}.CurrencyConverter-subtitle{color:#61dafb}.CurrencyConverter-logo{height:1em;pointer-events:none;vertical-align:middle}@media (prefers-reduced-motion:no-preference){.CurrencyConverter-logo{-webkit-animation:CurrencyConverter-logo-spin 60s linear infinite;animation:CurrencyConverter-logo-spin 60s linear infinite}}@-webkit-keyframes CurrencyConverter-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes CurrencyConverter-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.eb0e282b.chunk.css.map */