html{
    margin: none;
    overflow: hidden;
    padding: 0px;

}
.bg{
    background-color: rgb(97, 97, 97);
    overflow: hidden;
    margin: none;
    padding: 0px;
    
}
.websiteName{
    color: white;
    text-align: center;
    padding: 50px;
    font-size: 50px;
    font-family: "wow";
    margin: 10vh;
    font-size: 40px;
}
.normBody{
    background-color: rgb(179, 179, 179);
    margin: 50px;
    padding: 0px;
    border-radius: 40px;
}
.normBody .infoButtonGroup{
    display: grid;
    grid: auto / auto auto auto;
    margin: auto;
    padding: 20px;
    width: 60%;
}

.infoButtonGroup .infoButton{
    padding: 20px;
    width: 50%;
    margin: auto;
}

.infoButtonGroup .infoButton button{
    border-radius: 50px;
    border-width: 0px;
    margin: auto;
    padding: 20px;
    font-family: wow;
    font-size: 20px;
    width: 200px;
    transition-duration: 100ms;
}

.infoButtonGroup .infoButton button:hover{
    border-radius: 50px;
    border-width: 0px;
    margin: auto;
    padding: 20px;
    font-family: wow;
    font-size: 25px;
    width: 220px;
}
.infoButtonWrapper{
    margin: auto;
    width: 50%;
    position: fixed;
}

#selectedInfoButton{
    border-width: 5px;
    border-color: rgb(89, 207, 134);
    box-shadow: -8px 8px 0px 1px rgba(0, 0, 0, 0.685);
    transition-duration: 100ms;
}

#selectedInfoButton:hover{
    box-shadow: -5px 5px 10px 1px rgba(0, 0, 0, 0.685);
    border-width: 8px;
}

#unselectedInfoButton{
    border-width: 0px;
}


.normBody .selectionInfo{
    text-align: center;
    font-size: 30px;
    padding: 100px;
    width: 70%;
    margin: auto;
    font-family: wow;
}

@font-face {
    font-family: wow;
    src: url(fonts/Montserrat-Regular.ttf)
}