.mainHeader{display:flex;justify-content:space-between;align-items:center}.mainHeader h2{color:gold;font-size:20px;cursor:pointer}.mainHeader .currency{background-color:#000;color:#fff;border:2px solid #433535;width:fit-content;padding:5px;display:flex;flex-direction:space-between;align-items:center;gap:10px;height:20px;font-size:15px;position:relative;border-radius:10px}.mainHeader .currency:hover{border-color:#fff}.mainHeader .currency .downIcon{cursor:pointer}.mainHeader .currency h4{padding-left:5px}.mainHeader .currency .currencyList{list-style:none;position:absolute;width:calc(100% - 5px);background-color:#8e8a8a;top:4px;margin:0;padding:0;border-radius:5px}.mainHeader .currency .currencyList.disable{display:none}.mainHeader .currency .currencyList li{cursor:pointer;padding:10px;font-size:14px}.mainHeader .currency .currencyList li:hover{background-color:gray}.App{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;font-family:Montserrat,sans-serif;background-color:#14161a}.App a{text-decoration:none;color:gold}.App .container{margin-left:auto;margin-right:auto;padding:0 10px}@media (min-width: 768px){.App .container{width:750px}}@media (min-width: 992px){.App .container{width:970px}}@media (min-width: 1200px){.App .container{width:1170px}}@media (min-width: 1600px){.App .container{width:1570px}}.App .plus{color:green;font-weight:700}.App .minus{color:red;font-weight:700}.cryptoTableSection{color:#fff;display:flex;flex-direction:column;align-items:center;gap:20px}.cryptoTableSection h2{font-weight:400;font-size:30px;margin:0;padding-top:20px}.cryptoTableSection .searchinput{width:calc(100% - 10px);height:30px;background-color:#14161a;border:1px solid rgb(87,82,82);color:#fff;font-size:16px;padding-left:10px;border-radius:5px}.cryptoTableSection .currencyTable{width:100%;border-spacing:0}.cryptoTableSection .currencyTable .tableHead{border-radius:10px}.cryptoTableSection .currencyTable .tableHead th{padding:16px;text-align:center;background-color:gold;color:#000;font-weight:700}.cryptoTableSection .currencyTable .tableHead th:first-child{padding-left:30px;display:flex;align-self:flex-start}.cryptoTableSection .currencyTable tr{cursor:pointer}.cryptoTableSection .currencyTable tr:hover{background-color:#000}.cryptoTableSection .currencyTable tr td{padding:20px 10px;border-bottom:1px solid rgb(87,82,82);font-size:15px;text-align:center}.cryptoTableSection .currencyTable tr td:first-child{display:flex;gap:10px;align-items:center}.cryptoTableSection .currencyTable tr td:first-child div{display:flex;flex-direction:column;gap:5px}.cryptoTableSection .currencyTable tr td:first-child div span:first-child{font-size:18px;text-transform:uppercase}.cryptoTableSection .currencyTable tr td:first-child div span:nth-child(2){font-size:12px;opacity:60%}.cryptoTableSection .currencyTable tr img{width:50px}.cryptoTableSection .tablefooter{display:flex;color:gold;gap:10px;align-items:center;padding-bottom:20px}.cryptoTableSection .tablefooter>*{cursor:pointer}.cryptoTableSection .tablefooter>:nth-child(7){letter-spacing:2px;cursor:default;margin-bottom:5px}.cryptoTableSection .tablefooter div{height:20px;width:20px;padding:5px;border-radius:50%;text-align:center}.cryptoTableSection .tablefooter div:hover{background-color:#505050}@media (max-width: 570px){.cryptoTableSection h2{font-size:20px}.cryptoTableSection .searchinput{font-size:14px}.cryptoTableSection .currencyTable .tableHead th{padding:5px;font-size:12px;height:40px}.cryptoTableSection .currencyTable .tableHead th:first-child{display:revert;padding:0}.cryptoTableSection .currencyTable tr td{padding:20px 5px;font-size:12px}.cryptoTableSection .currencyTable tr td:first-child{margin:0;gap:5px}.cryptoTableSection .currencyTable tr td:first-child div span:first-child{font-size:14px}.cryptoTableSection .currencyTable tr td:first-child div span:nth-child(2){font-size:10px}.cryptoTableSection .currencyTable tr img{width:25px}.cryptoTableSection .tablefooter{gap:7px}}.loading{display:flex;text-align:center;justify-content:center;align-items:center;min-height:80vh}.loading.table{min-height:40vh}.loading .ring{position:absolute;width:200px;height:200px;border-radius:50%;animation:ring 2s linear infinite}.loading .ring:before{position:absolute;content:"";left:0;top:0;height:100%;width:100%;border-radius:50%;box-shadow:0 0 5px #ffffff4d}.loading span{color:#737373;font-size:20px;text-transform:uppercase;letter-spacing:1px;line-height:200px;animation:text 3s ease-in-out infinite}@keyframes ring{0%{transform:rotate(0);box-shadow:1px 5px 2px #e65c00}50%{transform:rotate(180deg);box-shadow:1px 5px 2px #18b201}to{transform:rotate(360deg);box-shadow:1px 5px 2px #0456c8}}@keyframes text{50%{color:#000}}@keyframes infite{to{transform:translate(-700%)}}.firstSection{background-image:url(/banner2.jpg);background-size:cover;width:100%;color:#fff;padding-bottom:30px}.firstSection .firstSectionHeader{display:flex;flex-direction:column;align-items:center;padding:50px 0}.firstSection .firstSectionHeader h1{font-size:55px;margin:0}.firstSection .firstSectionHeader p{font-size:12px;opacity:.5}.firstSection .currencyData{display:flex;gap:20px;flex-wrap:nowrap;overflow:hidden}.firstSection .currencyData ul{display:flex;flex-direction:column;gap:5px;list-style:none;width:20%;align-items:center;flex-shrink:0;animation:infite 10s infinite linear both}.firstSection .currencyData ul li{font-size:14px}.firstSection .currencyData ul li:nth-child(2){display:flex;gap:5px}.firstSection .currencyData ul li:last-child{font-weight:700;font-size:17px}.firstSection .currencyData ul img{width:70px}@media (max-width: 500px){.firstSection .firstSectionHeader{padding:30px 0}.firstSection .firstSectionHeader h1{font-size:38px}.firstSection .currencyData ul{width:100px}.firstSection .currencyData ul img{width:50px}@keyframes infite{to{transform:translate(-1000%)}}}.coinChart{flex:3;padding-left:30px;border-left:2px solid rgb(87,82,82)}.coinChart .buttons{display:flex;gap:20px;padding:20px}.coinChart .buttons button{padding:10px 80px;font-size:16px;background-color:#14161a;color:#fff;border:2px solid rgb(87,82,82)}.coinChart .buttons button:hover{background-color:gold;color:#000;cursor:pointer;font-weight:700;border:none}.coinChart .buttons button.active{background-color:gold;color:#000;font-weight:700;border:none}@media (max-width: 1000px){.coinChart{border-top:5px solid rgb(30,30,30);border-left:none;padding:10px 0 0}.coinChart .buttons button{flex:1;height:40px;padding:0}}@media (max-width: 650px){.coinChart .buttons{gap:10px}.coinChart .buttons button{height:30px;font-size:12px}}.coinInfo{color:#fff;flex:1;display:flex;flex-direction:column;gap:30px}.coinInfo img{width:100px;align-self:center}.coinInfo h2{font-size:50px;margin:0;align-self:center}.coinInfo p{font-size:14px;line-height:1.8;word-spacing:3px;font-weight:300;margin:0}.coinInfo div{font-weight:700;font-size:20px}.coinInfo div span{font-size:16px;padding-left:10px;font-weight:300}@media (max-width: 1000px){.coinInfo{align-items:center}.coinInfo p{max-width:100%;text-align:center;overflow-wrap:break-word}}.coinPage{display:flex;padding:40px 20px;gap:20px;border-top:5px solid rgb(30,30,30);height:calc(100vh - 57.2px)}@media (max-width: 1000px){.coinPage{flex-direction:column;gap:30px;height:auto}}