body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}.footer-container{background-color:var(--black);bottom:0;flex-direction:column;height:200px;left:0;margin-top:200px;padding:0;position:absolute;position:relative;text-align:center}.disclaimer,.footer-container{display:flex;justify-content:center;width:100%}.disclaimer{align-items:center;background-color:#3f3f3f;font-size:14px;padding:30px 0}.disclaimer p,.disclaimer span{background-color:#3f3f3f;width:70%}.disclaimer p{color:#fff}.disclaimer img{background-color:#3f3f3f;margin-bottom:-5px;width:20px}.bottom-footer{align-items:center;background-color:var(--black);display:flex;height:100px;justify-content:center;margin:auto;width:70vw}.bottom-footer p{background-color:var(--black);color:var(--white);min-width:100vw;padding:50px 0}@media screen and (max-width:1280px){.disclaimer p,.disclaimer span{width:95vw}.disclaimer{width:100vw}}@media screen and (max-width:700px){.disclaimer p,.disclaimer span{width:90vw}.disclaimer{width:100vw}}.active{border-bottom:2px solid #8dc647!important}.nav-bar{border-bottom:1px solid var(--grey);border-top:1px solid var(--grey);display:flex;height:70px;margin-bottom:30px;width:100vw}.logo-container,.logo-container a{align-items:center;display:flex;height:100%;justify-content:center;text-decoration:none}.logo-container h1{font-size:17px;font-weight:700}.watch-list-two{display:none}.watch-list-two img{margin-bottom:-4px;padding:20px 0;width:25px}.logo-container img{height:100%;padding:18px 5px}.nav-links{align-items:center;display:flex;list-style:none}.nav-links a{border-bottom:2px solid transparent;margin-left:25px;text-align:center;text-decoration:none;width:auto}.nav-links li{padding:25px 0 22px}.nav-links a,.nav-links li{font-size:16px;font-weight:700}.nav-links li:focus,.nav-links li:hover{color:#8dc647}.theme-switch{align-items:center;display:flex;justify-content:center;margin-left:auto}.selection-options{align-items:center;display:flex;padding:10px}.currency-selector{border:none;font-size:14px;height:50px;margin:auto}.currency-selector:focus,.currency-selector:hover{outline:none}@media screen and (max-width:1280px){.nav-bar{width:95vw}}@media screen and (max-width:750px){.home-nav,.logo-container h1,.watch-list-one{display:none}.watch-list-two{display:block}.nav-bar{width:95vw}}@media screen and (max-width:450px){.nav-links li{font-size:14px}}@media screen and (max-width:400px){.home-nav{display:none}.nav-bar{margin-bottom:20px}}.theme-dark{--background:#121212;--font:#dbdbdb;--grey-font:#a0a0a0;--grey:#5c5c5c;--grey-elements:#373737;--hover-row:#242424;--black:#121212;--white:#dbdbdb;--place-holder:#e2e2e2}.theme-light{--background:#f9f9f9;--font:#373737;--grey-font:#5c5c5c;--grey:#c4c4c4;--grey-elements:#d0d0d0;--hover-row:#eaeaea;--black:#121212;--white:#dbdbdb;--place-holder:#e2e2e2}.moon-icon,.sun-icon{cursor:pointer;margin-bottom:-1px;width:13px}.sun-icon{background-color:#fff;-webkit-filter:invert(1);filter:invert(1)}*{background-color:var(--background);box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;margin:0;padding:0}*,.App{color:var(--font)}.App{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin-top:34px;text-align:center}.coin-input::-webkit-input-placeholder{color:var(--place-holder)}.coin-input:-ms-input-placeholder{color:var(--place-holder)}.coin-input::placeholder{color:var(--place-holder)}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:var(--white);display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-container{display:flex;height:100vh;justify-content:center;margin:auto;width:70vw}.lds-ellipsis{display:inline-block;height:80px;position:relative;width:80px}.lds-ellipsis div{-webkit-animation-timing-function:cubic-bezier(0,1,1,0);animation-timing-function:cubic-bezier(0,1,1,0);background:var(--font);border-radius:50%;height:13px;position:absolute;top:33px;width:13px}.lds-ellipsis div:first-child{-webkit-animation:lds-ellipsis1 .6s infinite;animation:lds-ellipsis1 .6s infinite;left:8px}.lds-ellipsis div:nth-child(2){left:8px}.lds-ellipsis div:nth-child(2),.lds-ellipsis div:nth-child(3){-webkit-animation:lds-ellipsis2 .6s infinite;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px}.lds-ellipsis div:nth-child(4){-webkit-animation:lds-ellipsis3 .6s infinite;animation:lds-ellipsis3 .6s infinite;left:56px}@-webkit-keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}@keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}.coin-page-container{display:flex;flex-direction:column;font-size:1.1rem;width:60vw}.coin-information{display:flex;flex-wrap:wrap;justify-content:space-evenly}.coin-main{min-width:300px;padding:20px 10px;width:30%}.coin-main img{width:150px}.coin-rank{background-color:#373737;border:1px solid #dbdbdb;border-radius:5px;color:var(--white);margin:10px auto;padding:2px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.coin-market-section{align-items:center;display:flex;margin-top:50px;width:60%}.coin-market-section p{height:50px}.market-section-one,.market-section-two{text-align:left;width:50%}.coin-description-container{margin-bottom:50px;margin-top:50px;overflow:hidden;text-align:left}@media screen and (max-width:1250px){.coin-market-section{width:100%}}@media screen and (max-width:900px){.coin-page-container{display:flex;flex-direction:column;font-size:.9rem;width:80vw}}.main-page-information{margin-top:60px;text-align:left;width:70vw}.main-page-information li{margin-left:30px}.main-page-information li,.main-page-information p{color:var(--grey-font);font-size:14px}.main-page-information p{margin-top:10px}@media screen and (max-width:1280px){.main-page-information{width:95vw}}@media screen and (max-width:700px){.main-page-information{width:90vw}}.page-title{margin-bottom:20px;text-align:left}.coin-container{display:flex;font-size:14px;justify-content:center}.coin-row{align-items:center;border-bottom:1px solid var(--grey);display:flex;flex-direction:row;height:55px;justify-items:start;overflow:hidden;width:70vw}.coin-row:focus,.coin-row:hover{background-color:var(--hover-row)}.coin{align-items:center;display:flex;min-width:30%;padding-right:24px}.coin,.coin a{background-color:transparent}.coin a{text-decoration:none}.coin a:focus,.coin a:hover{background-color:transparent;text-decoration:underline}.coin img{height:20px;margin-right:20px;width:20px}.coin img,.watch-list-icon{background-color:transparent}.watch-list-icon img,.watch-list-icon-info img{background-color:transparent;height:17px;margin-right:20px;width:17px}.watch-list-icon img:focus,.watch-list-icon img:hover{background-color:transparent;cursor:pointer}.coin a,.coin h3{font-size:15px;max-width:250px;min-width:60%;text-align:left}.coin a,.coin h3,.coin-symbol{background-color:transparent;overflow:hidden;text-overflow:ellipsis}.coin-symbol{max-width:20%;text-transform:uppercase}.coin-data{background-color:transparent;display:flex;justify-content:space-between;text-align:center;width:100%}.coin-price{width:15%}.coin-price,.coin-volume{background-color:transparent;text-align:right}.coin-volume{width:30%}.coin-marketCap{background-color:transparent;text-align:right;width:30%}.coin-percent{background-color:transparent;margin-left:auto;margin-right:20px;width:80px}.red{color:#f00606}.green{color:#11d811}@media screen and (max-width:1280px){.coin-row{width:95vw}}@media screen and (max-width:1000px){.coin-marketCap{display:none}.coin-percent{margin-left:2%;margin-right:20px}.coin{min-width:40%}}@media screen and (max-width:750px){.coin-row{width:90vw}}@media screen and (max-width:580px){.coin-volume{display:none}.coin{min-width:60%}}@media screen and (max-width:450px){.coin-percent{display:none}.coin{min-width:60%}.coin-price{text-align:right;width:100px}.coin-symbol{width:100px}.coin h3{width:105px}}.information-bar{border-bottom:1px solid var(--grey);font-size:1.2rem;font-weight:700}.information-row:focus,.information-row:hover{background-color:var(--background)!important}.information-bar h3{font-size:1rem!important}.i-icon{background-color:#fff!important;border-radius:50%}.information-bar .coin-marketCap,.information-bar .coin-volume{margin-right:10px}.watch-list-icon{align-items:center;display:flex;justify-content:center}.pagination-bar-container{display:flex;margin-right:auto}.pagination-element{align-items:center;background-color:var(--grey-elements);border-radius:5px;display:flex;height:40px;justify-content:center}.page-number-display{background-color:transparent;border:1px solid var(--grey-elements);margin:auto .8rem;width:70px}.pagination-button{border:none;color:var(--grey-font);cursor:pointer;padding:.2rem;width:50px}.bottom-pagination{margin:20px auto;width:200px}@media screen and (max-width:400px){.pagination-bar-container{margin:auto}}.coin-search{align-items:center;border-radius:5px;display:flex;justify-content:center;width:200px}.coin-search,.coin-search img{background-color:var(--grey-elements)}.coin-search img{width:18px}.coin-input{background-color:var(--grey-elements);border:none;color:var(--font);height:40px;padding-left:5px;width:140px}.coin-input::-webkit-input-placeholder{color:var(--grey-font);opacity:1}.coin-input:-ms-input-placeholder{color:var(--grey-font);opacity:1}.coin-input::placeholder{color:var(--grey-font);opacity:1}.coin-input:focus{outline:none}.sort-by{border:none;font-size:15px;height:40px;margin:auto 20px auto auto}.sort-by:focus,.sort-by:hover{outline:none}.search-sort-container{display:flex;flex-wrap:wrap;justify-content:flex-end}@media screen and (max-width:400px){.search-sort-container{flex-direction:column}.coin-search{margin:auto}}.coin-price-btc{margin-left:20%;text-align:left;width:50%}.coin-index,.coin-price-btc{background-color:transparent}.coin-index{padding-right:20px}.coin-index-number{background-color:transparent;padding-right:26px}.coin-symbol-btc{background-color:transparent;margin-left:20px;text-align:left}.top-seven{text-align:center}@media screen and (max-width:450px){.coin-symbol-btc{display:none}#btc-coin{padding:0!important}.coin-price-btc{margin:0 0 0 -50px;text-overflow:ellipsis!important;width:100px}}.fetch-error,.watch-list-error{border:1px solid var(--grey);border-top:none;height:45px;margin:0 auto 25vh}.converter-container,.fetch-error,.watch-list-error{align-items:center;display:flex;justify-content:center}.converter-container{width:95vw}.left-side-converter,.right-side-converter{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin:10px}.converter-container select{border:none;height:50px;margin:0;width:300px}.coin-amount-input:focus,.converter-container select:focus{outline:none}.coin-amount-input{-webkit-appearance:none;border:1px solid var(--font);font-size:1.8rem;margin:0;min-height:100px;padding:5px 5px 5px 10px;width:300px}.converter-container select:hover{cursor:pointer}.converter-container h3{height:30px;text-align:left;width:200px}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@media screen and (max-width:600px){.converter-container{flex-wrap:wrap}.converter-container h3{margin:50px 0 0}}
/*# sourceMappingURL=main.ffa86e37.css.map*/