styles.css

body {
    user-select: none;
    margin: 0;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

#empty-space {
    padding: 1vh 0 0 0;
}

#content-top {
    background: #8fb98b;
    padding: 0 0 100px 0;
}

.button-container {
    text-align: center;
    padding: 5vh 0;
    position: absolute;
    left: 0; 
    right: 0;
    margin-left: auto; 
    margin-right: auto; 
}

.move-up {
    transform: translate(0, -50%);
}

#content-bottom {
    background: #608e54;
    height: 300px;
}

#yeebot-status-container {
    display: contents;
    justify-content: center;
}

#yeebot-status {
    margin-left: 15px;
}

#title-container {
    margin: 20vh 0 0 0;
}

h1 {
    margin: 0;
    font-size: 15vh; /*10 rem - 15vh*/
    text-align: center;
    color: #ffffff;
    width: fit-content;
    margin: auto;
    text-shadow: 3px 3px #6e6e6e;
}

h1:hover {
    color: #d9ffac;
}

h2 {
    margin: 0;
    font-size: 5vh; /*2.5 rem - 5vh*/
    text-align: center;
    color: #ffffff;
    opacity: 0.7;
}

#description {
    text-align: center;
    margin-left: 10vw;
    margin-right: 10vw;
    font-size: 1.75em;
}

#discord {
    cursor: pointer;
    transition-duration: 0.4s;
}

#discord:hover {
    background:rgb(75, 128, 75);
}

#translation-container {
    height: 300px;
    background: #282828;
}

#translation-text {
    margin: 0;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    color: white;
    font-size: 24px;
    padding-top: 50px;
}

#footer {
    padding: 4.75vh 2vw;
    height: 5.7vh;
    background: #282828;
}

#footer-container {
    display: inline-flex;
    margin-left: 10vw;
    margin-right: 10vw;
    color: white;
}

.clickable {
    text-decoration: none;
    font-size: 12vh;
    background: #282828;
    transition: color 0.4s, background 0.4s;
    color: white;
    border-radius: 50px;
    padding: 0px 20px;
}

.clickable:hover {
    color: white;
    background: darkturquoise;
}

.invite-button {
    background: #282828;
}

.translate-button {
    background: #5e1fd1;
}

#tos {
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 2em;
}

#privacy {
    position: absolute;
    left: 10px;
    top: 55px;
    font-size: 2em;
}