html {
    background-color: rgb(14, 47, 54);
    overflow: hidden;
}

/* Container holding the image and the text */
.container {
    position: relative;
    text-align: center;
    color: white;
}

#bg {
    opacity: 0.6;
    filter: blur(8px);
    width: 110vw;
    height: 110vh;
    top: -2%;
    left: -2%;
    position:fixed;
}

.centered {
    position:fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.title {
    font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    color: bisque;
    font-size: 350%;
}

.fancy {
    font-size: 80%;
    color: aquamarine;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

.body {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: antiquewhite;
    font-size: 95%;
    text-align: left;
    white-space: pre-wrap;
}

.body2 {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: antiquewhite;
    font: 250%;
    text-align: center;
    padding: 3%;
}

.button {
    color: black;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    border: none;
    cursor: pointer;
    padding: 3% 3%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    outline: none;
    border-radius: 6px;
    -webkit-transition-duration: 0.4s;
   /* Safari */
    transition-duration: 0.4s;
    margin: 0.3% 10%;
    background-color: aquamarine;
}

.button:active {
transform: scale(0.8);

}
.button:hover {
box-shadow: 0 12px 16px 0 rgba(127, 255, 212, 0.638), 0 17px 50px 0 rgba(127, 255, 212, 0.83);
}

.buttons_container {
    width: 60%;
    align-self: center;
    padding-left: 20%;
}