body{
    background-color: #eee;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    margin: 0;
}

body *{
    transition: all .5s cubic-bezier(.25,.8,.25,1);
}

section#content{
    display: none;
    width: 80%;
    animation: fadeIn .5s;
}

label{
    color: grey;
}

#header-right button:hover{
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    transition: all 0.5s cubic-bezier(.25,.8,.25,1);
    background-color: white;
    color: #E65100;
}

#header-right button:not(:hover){
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.5s cubic-bezier(.25,.8,.25,1);
}

body.show-create-question{
    overflow-y: hidden;
}

#create-question, #create-answer {
    display: none;
}

@media only screen and (min-width: 800px){
    #questions{
        column-count: 2;
        column-gap: 1rem;
    }

}