*{box-sizing:border-box;margin:0;padding:0;position:relative}body{background:#001c40;background-repeat:no-repeat;color:#fff;font-family:Roboto,sans-serif;padding:20px}.header{margin:0 auto;max-width:90%;position:relative;text-align:center;width:100%}.header>h1{color:#c2f4ee;font-size:45px}.header>input{background:#cbdeed;border:#1d1d1d;border-radius:13px;font-size:20px;height:40px;margin-top:20px;outline:none;padding:17px;text-align:center;width:90%}.icon{height:32px;width:32px}.coin__symbol{color:#b2c1d3}.name__box{align-items:center;display:flex;justify-content:space-between}table{background:#242582;border-collapse:collapse;border-radius:10px;border-spacing:1;margin:40px auto 0;max-width:90%;overflow:hidden;width:100%}table,table *{position:relative}table td,table th{text-align:center}table thead tr{background:#242582;font-size:16px;height:60px}table tbody tr{background:#2f2fa2;border-bottom:1px solid #242582;height:60px}table tbody tr:hover{background:#5454ab}table tbody tr:last-child{border:0}.loader-container{align-items:center;background:#001c40;display:flex;height:100vh;justify-content:center;position:fixed;width:100%;z-index:1}.loader-spinner>img{-webkit-animation:loader 2s linear infinite;animation:loader 2s linear infinite;height:90px;width:90px}@-webkit-keyframes loader{0%{-webkit-transform:rotate3d(1,1,1,0deg);transform:rotate3d(1,1,1,0deg)}50%{-webkit-transform:rotate3d(2,-1,-1,180deg);transform:rotate3d(2,-1,-1,180deg)}to{-webkit-transform:rotate3d(0,1,.5,1turn);transform:rotate3d(0,1,.5,1turn)}}@keyframes loader{0%{-webkit-transform:rotate3d(1,1,1,0deg);transform:rotate3d(1,1,1,0deg)}50%{-webkit-transform:rotate3d(2,-1,-1,180deg);transform:rotate3d(2,-1,-1,180deg)}to{-webkit-transform:rotate3d(0,1,.5,1turn);transform:rotate3d(0,1,.5,1turn)}}@media screen and (min-width:768px) and (max-width:1023px){.header>h1{font-size:35px}.coin__supply{display:none}}@media screen and (max-width:767px){table,table td,table th,table tr,table>*{display:block}table td,table th{text-align:start}table thead{display:none}table tbody tr{height:auto;padding:15px 0}table tbody tr td{margin-bottom:13px;padding-left:50%}table tbody tr td:last-child{margin-bottom:0}table tbody tr td:before{font-weight:700;left:10px;position:absolute;top:0;width:50%}.name__box{display:flex;justify-content:flex-start}.name__box>.coin__symbol{color:#fff;font-weight:bolder;margin-left:7px}.name__box>.coin__name{display:none}table tbody tr td:first-child:before{content:"#"}table tbody tr td:nth-child(2):before{content:"Name"}table tbody tr td:nth-child(3):before{content:"Price"}table tbody tr td:nth-child(4):before{content:"24h %"}table tbody tr td:nth-child(5):before{content:"Market Cap"}table tbody tr td:nth-child(6):before{content:"Volume(24h)"}table tbody tr td:nth-child(7):before{content:"Circulating Supply"}}
/*# sourceMappingURL=main.a6ca4e60.css.map*/