*{
    margin:0;
    padding:0;
}
html{
    height:100vh;
}
body{
    background-color:white;
    height:100%;
}
.void{
    background-color:black;
}
.mainGrid{
    display:grid;
    grid-auto-flow:column;
    grid-template-columns:auto 66vw auto;
    height:100%;

}
.mainGrid .Center{
    display:flex;
    flex-direction:column;
    align-items:center;
}
.Center{
    display:flex;
    flex-direction:column;
    align-items:center;
}

.Logo{
    position:absolute;
    top:5vh;
    left:50vw;
    transform:translate(-50%);
    height:64px;
    width:128px;
    border:solid 5px black;
}

.Solo{
    position:relative;
    top:32vh;
    height:5%;
    width:75%;
    margin-bottom:5%;
    border:solid 5px black;
}
.Multiplayer{
    position:relative;
    top:32vh;
    height:5%;
    width:75%;
    border:solid 5px black;
}
.Question{
    display:flex;
    position:relative;
    top:15vh;
    height:auto;
    width:90%;
    border:solid 5px black;
}
.Question p{
    font-size:2em;
    text-align:center;
    margin:5%;
}
.FlexAnswer{
    position:relative;
    top:20vh;
    display:flex;
    flex-direction:column;
    justify-content:space-around;
    align-items:center;
    height:50%;
    width:100%;
    flex-wrap:wrap;
}
.Answer{
    flex: 0 33%;
    height:100%;
    width:33%;
    border:solid 5px black;
}
.Answer div p:first-child{
    font-size:2em;
    text-align:center;
    border-bottom: 2px solid;
    width: 100%;
}
a{
    color:black;
    text-decoration:none;
}