body {
    position: relative;
    background-image: url('Images/testBG.jpg');
    font-family: "Gloucester MT";
}


h1 {
    font-size: 30pt;
}

#nav-system {
    text-align: center;
    background-color: black;
    width: 100%;
    padding-bottom: 20px;
}

div span {
    width: 100%;
}

    div span a {
        font-size: 40pt;
        display: inline;
        width: 33.3333%;
        float: left;
        color: aqua;
        background-color: black;
    }

        div span a:hover {
            background-color: white;
            transition: 0.2s;
            color: blue;
        }

#createQuizPart1 {
    margin-top: 10px;
    border-radius: 15px;
    padding: 15px;
    width: 95%;
    color: aqua;
    text-align: center;
    background-image: url(Images/papyrus-dark.png);
    display: inline-block;
    border-style: solid;
    border-color: aqua;
}

#createQuizPart2 {
    position: relative;
    display: flex;
    flex-flow: column;
    margin-left: 15%;
    margin-right: 20%;
    align-items: center;
    margin-top: 5%;
    border-radius: 15px;
    padding: 10px;
    color: aqua;
    border-style: solid;
    border-color: aqua;
    background-image: url('Images/papyrus-dark.png');
    visibility: hidden;
}



#pickQuestionType {
    display: flex;
    flex-flow: row;
    text-align: right;
    align-content: center;
    margin-bottom: 1%;
}

#addQuestionToQuiz {
    text-align: right;
    align-content: center;
    margin-bottom: 1%;
    margin-bottom: 1%;
}

#quizFinish {
    display: flex;
    flex-flow: row;
    text-align: right;
    align-content: center;
    margin-bottom: 1%;
    margin-bottom: 1%;
}

#takeQuizPart1 {
    margin-top: 50px;
    position: relative;
    display: flex;
    flex-flow: column;
    margin-left: 20%;
    margin-right: 20%;
    align-items: center;
    border-radius: 15px;
    padding: 30px;
    color: aqua;
    border-style: solid;
    border-color: aqua;
    background-image: url('Images/papyrus-dark.png');
    font-size: 20pt;
}


#takeQuizPart2 {
    text-align: left;
    align-content: center;
    margin-bottom: 1%;
    color: white;
    border-style: solid;
    border-radius: 15px;
    border-color: white;
    background-image: url('Images/papyrus-dark.png');
    padding: 35px;
}

#takeQuizPart3 {
    text-align: center;
    align-content: center;
    margin-bottom: 1%;
}