* {
    text-align: center;
    color: white;
    background-color: #202123;
    font-size: larger;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    padding-left: 10px;
    padding-right: 10px;
}

body {
    margin: 0;
}

.rank {
    font-style: italic;
}

.cmdr {
    color: #ffd32d;
}

.ccmdr {
    color: #fa1466;
}

.bandit {
    color: #aa00ff;
}

.sptr {
    color: #f47fff;
}

.footer-height {
    height: 5rem;
}

#footer {
    position: fixed;
    bottom: 0;
    text-align: center;
    background-color: #313131;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-evenly;
    opacity: 75%;
}

#footer > * {
    background-color: #313131;
    position: relative;
    vertical-align: middle;
    font-size: 1.5rem;
}

p {
    font-size: 1rem;
}

@media (max-width:414px) {
.desktop {
    display: none;
}  
}

@media (min-width:414px) {
.mobile {
    display: none;
}

}