*{
    margin:0;
    padding: 0;
}
body{
    color:white;
    background-color: black;
}
button{
    width: 50%;
    height: 5vh;
    font-size: 1.8vh;
    color: white;
    background: none;
    border: none;
    border-bottom: 1px white solid;
}
@keyframes rate {
    0% {
        background-position: 0 0;
      }
      100% {
        background-position: 200% 0;
      }
}
@keyframes rate2 {
    0% {
        background-position: 0 0;
      }
      100% {
        background-position: 150% 0;
      }
}

th,tr{
    text-align: center;
    height: 3vh;
    font-size: 1.6vh;
    padding-top: 0.1vh;
    padding-bottom: 0.1vh;
}
table{
    width: 100%;
    height: fit-content;
}
.rainbow,.rainbow_ii,.rainbow_iii,.rainbow_iv {
 
    background: linear-gradient(-45deg, #f0788a, #f48fb1, #9174c2, #79bcf2, #70a173, #f7ff99, #faca7d, #ff9d80, #f0788a);
    animation: rate 4s linear infinite;
    background-size: 200% 100%;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.kiwami{
background:linear-gradient(-45deg, #6C4791, #6C4791, #3AFCD5, #3AFCD5, #FFFFFF, #2E2A58, #2E2A58, #2E2A58, #2E2A58, #6C4791, #6C4791, #3AFCD5, #3AFCD5, #FFFFFF, #2E2A58, #2E2A58, #2E2A58, #2E2A58, #6C4791, #6C4791);
    animation: rate2 5s linear infinite;
    background-size: 150% 100%;
    background-clip: text;
    -webkit-text-fill-color: transparent;

}
.old{
background: linear-gradient(-45deg, #935e75, #935e75, #777, #777, #935e75, #A55e75, #777, #777, #935e75);
    animation: rate 10s linear infinite;
    background-size: 200% 100%;
    background-clip: text;
    -webkit-text-fill-color: transparent;

}
a{
    text-decoration: none !important;
}
tbody>tr:nth-child(1){
    background-color: rgba(255, 187, 0, 0.274);
    
}
tbody>tr:nth-child(2){
    background-color: rgba(255, 239, 195, 0.274);
    
}
tbody>tr:nth-child(3){
    background-color: rgba(134, 92, 0, 0.274);
    
}
tr:nth-child(2n){
    background-color: #111;
}
.gold {
    background: linear-gradient(-45deg, #ffd700, #fff5a3, #ffd700, #ffd700, #fff5a3);
    background-clip: text;
    color: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.silver {
    background: linear-gradient(-5deg, #818181, #c4c4c4, #8a8a8a, #c4c4c4);
    background-clip: text;
    color: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.blue{
    background: #0580a5;
    background-clip: text;
    color: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.purple {
    background: #9819be;
    background-clip: text;
    color: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    
}
.red {
    background: #e63d3d;
    background-clip: text;
    color: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.copper {
    background: #A0522D;
    background-clip: text;
    color: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.yellow{
    background: #FFA500;
    background-clip: text;
    color: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.navy{
    background: #101179;
    background-clip: text;
    color: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.ash{
    background: #757575;
    background-clip: text;
    color: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.astra{
    background-color: rgb(29, 21, 36) !important;
}