@font-face {
    font-family: localOrbitron;
    src: url(../Fonts/Orbitron/static/Orbitron-Black.ttf)
}

@font-face {
    font-family: localComic_sans;
    src: url(../Fonts/Comic_Relief/ComicRelief-Regular.ttf)
}

@font-face {
    font-family: localMontserrat;
    src: url(../Fonts/Montserrat/static/Montserrat-Bold.ttf);
}

@font-face {
    font-family: localMontserratText;
    src: url(../Fonts/Montserrat/static/Montserrat-Italic.ttf);
}

@font-face {
    font-family: localSpaceMono;
    src: url(../Fonts/Space_Mono/SpaceMono-Regular.ttf);
}

body {
    background-color: #151515;
}

h1 {
    text-align: center;
    font-size: 70px;
    font-family: localSpaceMono;
    color: #dddddd;
    margin: 110px;
}

h3 {
    text-align: center;
    font-size: 45px;
    font-family: localSpaceMono;
    color: #dddddd;
    margin: 70px;
    margin-top: 110px;
}

.box {
    background-color: #dddddd;
    padding: 50px;
    font-family: localSpaceMono;
    box-shadow: 10px 10px #505050;
    width: 500px;
    text-align: center;
    margin: auto;
    font-size: 20px;
}

.butlist {
    display: flex;
    justify-content: center;
    align-items: center;
}

div button {
    font-family: localSpaceMono;
    font-size: 20px;
    color: #dddddd;
    background-color: #151515;
    height: 120px;
    width: 300px;
    border: 1px solid #151515;
    border-radius: 5px;
}

div button:hover {
    color: #151515;
    background-color: #dddddd;
}