/* CSS Reset */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    position: relative;
}

/** Header will display the viewhighscore text and the timer countdown.  */
header{
    display:flex;
    justify-content: space-between;
    padding: 10px;
}

button{
    cursor:pointer;
    display:inline-block;
    padding:0.7em 1.7em;
    margin:0 0.3em 0.3em 0;
    border-radius:0.2em;
    box-sizing: border-box;
    text-decoration:none;
    font-family:'Roboto',sans-serif;
    font-size: 1em;
    font-weight:400;
    color:#FFFFFF;
    background-color:#3369ff;
    box-shadow:inset 0 -0.6em 1em -0.35em rgba(0,0,0,0.17),inset 0 0.6em 2em -0.3em rgba(255,255,255,0.15),inset 0 0 0em 0.05em rgba(255,255,255,0.12);
    text-align:center;
    position:relative;
    transition-duration: 0.15s;
    transition-property: background-color;
    transition-timing-function: linear;
    margin-top: 0.6em;
}

h1{
    font-size: 35px;
}

p{
    font-family:'Roboto',sans-serif;
}

form{
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
}
input{
    padding: 5px;
    margin: 20px;
}
/* The class container for view high scores text. When clicked the user will go to the high score page */
.view-high-scores{
    font-size: 25px;
}

.timer-text{
    display:flex;
    justify-content: space-evenly;
    font-size: 20px;
}
.timer-count{
    padding-left: 5px;
}

/** Main section containing the game window */

.main-section{
    display:flex;
    background: aliceblue;
    justify-content: center;
    margin-left:12.5%;
    margin-right:12.5%;
    flex-wrap: wrap;
    text-align: center;
    border: black 2px solid;
    box-shadow: 10px 5px 5px lightgray;
}

/* Header class for main section */
.title-box{
    width: 100%;
    padding: 15px;
}
.main-header{
    width: 100%;
    align-items: center;
}

.main-text{
    width:100%;
    padding: 15px;
}

.view-high-scores:hover{
    color: blue;
    font-style: italic;
    cursor:pointer;

}

.answer-box{
    padding:15px;
    width: 100%;
}

.starting-text{
}

.display-scores{
}