*{
    margin:0px;
    padding:0px;
}
body{
    width:100vw;
    height:100vh;
    overflow:hidden;
    background:skyblue;
    display:grid;
    place-items:center;
    grid-template-rows: 1fr 3fr 1fr 1fr;
}
#currContainer{
    display:none;
    place-items:center;
    width:60%;
    grid-template-columns: 1fr 1fr 1fr;
    background:lightgreen;
    border-radius:25px;
}
.points{
    display:none;
    grid-column: 2/2;
}
.ms{
    display:none;
    grid-column:3/3
}
#points{
    grid-column: 2/2;
}
#ms{
    display:none;
    grid-column: 3/3;
}
#questionContainer{
    background:bisque;
    width:50%;
    height:50%;
    outline: solid black 2px;
    border-radius: 20px;
    display:grid;
    place-items:center;
}
#questionContainer > div{
    width:40%;
    display:grid;
    place-items:center;
    grid-template-columns: repeat(3,1fr);
}
#questionContainer > div > h1{
    font-size:4rem;
}
.q, .o{
    user-select: none;
}
#answer{
    height:70%;
    width:30%;
    font-size:3rem;
    text-align:center;
    padding:5px;
}
#upgContainer{
    display:grid;
    width:100%;
    height:100%;
    place-items:center;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    border-radius:50px 50px 0px 0px;
}
.upg{
    display:grid;
    place-items:center;
    row-gap:5px;
    outline:solid black 1px;
    padding:15px;
    border-radius:25px;
}
.upg:hover{
    outline:white solid 2px;
    user-select: none;
    cursor:pointer;
}