body {
    background-color: rgb(0, 0, 0);
    width: 100%;
    height: 100%;
}

.title {
    color: whitesmoke;
    font-family: 'Times New Roman', Times, serif;
    transition-duration: 1s;
    text-align: center;
    margin-top: 300px;

}

.title:hover {
    color: red;
    font-family: 'Times New Roman', Times, serif;
    transition-duration: 1s;
    transform: scale(1.25);
     text-align: center;
     margin-top: 300px;
}
.button {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    animation: growShrink 1.1s infinite alternate , colors 10s infinite alternate;
   

}

@keyframes growShrink {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.2);
    }
}

@keyframes colors {

0% {
    background-color: red;
}
20% {
    background-color: aqua;
}
40% {
    background-color: orange;
}
60% {
    background-color: purple;
}
80% {
    background-color: green;
}
100% {
    background-color: azure;
}


}

.serverlist {
    background-color: whitesmoke;
    height: 400px;
    width: 325px;
     display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    margin-top: 200px;
}

.loadingtext {
    color: whitesmoke;
}

.spin {
    height: 300px;
    width: 300px;
}