*{
    margin: 0;
    padding: 0;
    font-family: "consolas";
}
body{
    background-color: rgb(20, 20, 20);
}
a{
    font-size: 30px;
}
.title{
    text-align: center;
    color: white;
    text-shadow: 8px 4px 5px rgb(10, 10, 10);
    cursor: default;
}
.text{
    text-align: center; 
    color:white
}
.link{
    text-align: center;
    display: block;
    color:white
}
.top{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(25, 25, 25);
    box-shadow: 10px 10px 10px rgb(15, 15, 15);
    padding: 15px;
}
.title, .button {
    padding: 0 25px;
}
.button{
    background: transparent;
    border-radius: 10px;
    border-color: rgb(200, 200, 200);
    border-style: groove;
    font-size: 23px;
    margin: 10px;
    color: rgb(200, 200, 200);
    height: 50px;
    width: 150px;
    transition: linear .15s;
    cursor: pointer;
    box-shadow: 5px 7px 5px rgb(10, 10, 10);
}
.button:hover{
    border-color: rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    box-shadow: 0px 0px 0px rgb(10, 10, 10);
    font-size: 25px;
}