/*
* Prefixed by:
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

html, body{
    margin: 0 auto;
    padding: 0 auto;
    font-family: Open Sans,Arial,sans-serif;
}

#resettextarea h1{
	text-align: center;
	color: #2ea3f2;
}

#over #banover h1{
    margin-top: 1em;
    font-size: 4em;
}

#hintnote{
	border-style: solid;
    border-color: #2ea3f2;
	text-align: center;
	font-size: 1.3em;
}

#hintnote p{
	text-align: center;
}

.content{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -0.3em;
}

.content2{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.sidespace{
    width: 30%;
}

.sidespace2{
    width: 40%;
}

#innercontent{
    width: 100%;
}

#homecont{
    width: 30em;
    background-color: rgb(220,220,255);
    border-style: solid;
    border-color: #2ea3f2;
    margin-top: 2em;
    margin-bottom: 2em;
    border-radius: 10%;
    padding-top: 2em;
    min-width: 30em;
}

#quizimg{
    width: 100%;
    max-height: 25em;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 0% 75%;
       object-position: 0% 75%;
}

#ttb{
    text-align: center;
}

#tbheader{
    width: 100%;
    height : 2em;
}

#tbfooter{
    width: 100%;
    height : 2em;
}

#tablecont{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.tbspace{
    width: 5%;
    background-color: white; 
}

#table{
    width: 90%;
    border: thin solid;
    border-collapse: collapse;
}

th#tbuid{
    width: 10%;
    border: thin solid;
    background-color: #2ea3f2;
    border-color: black;
    color: white;
}
th#tbuname{
    width: 10%;
    border: thin solid;
    background-color: #2ea3f2;
    border-color: black;
    color: white;
}
th#tbmail{
    width: 10%;
    border: thin solid;
    background-color: #2ea3f2;
    border-color: black;
    color: white;
}
th#tblesson{
    width: 10%;
    border: thin solid;
    background-color: #2ea3f2;
    border-color: black;
    color: white;
}

#tbuid{
    width: 10%;
    border: thin solid;
    border-color: black;
    color: black;
    text-align: center;
}
#tbuname{
    width: 20%;
    border: thin solid;
    border-color: black;
    color: black;
    text-align: center;
}
#tbmail{
    width: 60%;
    border: thin solid;
    border-color: black;
    color: black;
    text-align: center;
}
#tblesson{
    width: 10%;
    border: thin solid;
    border-color: black;
    color: green;
    text-align: center;
}
#tblesson2{
    width: 10%;
    border: thin solid;
    border-color: black;
    color: red;
    text-align: center;
}