header {
  text-align:center;
  background-color:#151550;
  background: url(images/header_small.png) ;
  background-size: contain ;
  color:white;
  padding:5px;
  margin:0px;
}

header h1 {
  font-size: 250% ;
}

.topmenu {
  color: white;
  font-size: larger;
  font-family: Helvetica;
  background-color: none;
}

.topmenu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 100%;  
}

.topmenu li {
  float: right ;
}

.topmenu li a {
  display: block;
  text-align: center;
  padding: 10px 10px;
  text-decoration: none;
}

.topmenu li a:link {
  color: white;
}

.topmenu li a:visited {
  color: white;
}

.topmenu li a:hover {
  color: DeepSkyBlue;
}

.topmenu li a:active {
  color: Pink;
}

.current {
  text-decoration: underline;
}

.mainBody {
  width: 90%;
  margin: auto;
} 

.formContainer {
  margin: auto;
  width: 60%;
  padding: 10px;
}

.formContainer input {
  font-size: larger ;
  height: auto;
  width: 100%;
}

.examples {
  font-size:smaller;
}

.examples h1 {
  font-size:larger;
}

.hidden {
  display: none;
}



.quiz {
  font-size: larger;
}

.quiz input {
  cursor: pointer;
  font-size: inherit;
}

.quiz input:checked ~ span {
  background: RoyalBlue ;
  color: white ;
}

.quiz input:checked ~ tr {
  background: RoyalBlue ;
  color: white ;
}


.quiz input:checked ~ span:hover {
  background: #1069A1 ;
  color: white ;
}

.quiz label {
  cursor: pointer;
  font-size: larger;
}

.quiz label:hover{
  background: PowderBlue ;
}

.quiz input:hover {
  background: PowderBlue ;
}


.Digital {
  text-align: right;
}

.ExtraSpace {
  padding-left: 10px
}