ol li{
  text-align:left;
  display:none; 
  font-family:Rubik;
}

ul li{
 list-style-position:inside;
 text-align:left;
 width:60%;
 margin:auto;
 font-size:18px;
}
      
input[type="radio"]{
  display:inline-block; 
  width:2%;
}
      
#start{
  background-color:rgb(250,50,50); 
  color:white; 
  min-height:120px; 
  width:40%; 
  margin:auto; 
  position: fixed; 
  right:0; 
  font-family:Rubik;
}
      
#startQuiz{
  position:absolute; 
  left:0; 
  top:0; 
  font-family:Righteous; 
  font-size:24px;
}
      
#scores{
  position:fixed;
  bottom:30%; 
  left:0; 
  font-family:Righteous; 
  font-size:24px;
  display: none;
}
      
#start>p{
  text-align:left; 
  padding:30px;
}

@media screen and (max-width:800px){
  #start{
    position:relative; width:100%; margin:auto;
  } 
  #start>p{
   text-align:center;
    padding-top:10px;
    margin-top:5%;
  }
  #startQuiz{
   font-size:20px;
    position:relative;
    display:block;
    width:80%;
    margin:auto;
  }
  #scores{
    position:absolute;
    bottom:0;
    right:0;
  }
}

h1{
    border-left:25px solid rgb(250,50,50); 
    border-bottom:25px solid rgba(1,10,100,0.7); 
    border-right:35px solid rgb(250,50,50); 
    border-top:35px solid rgba(1,10,100,0.7);
    text-align:center; 
    background-color: rgba(1,10,100,0.9); 
    color: white; 
    font-family:Rubik;
  	margin:0;
}

h1>a{
 color:rgb(250,50,50); 
}

body{
 margin:0;
 font-family:Rubik;
 text-align:center;
}

#scoreDiv{
 background-color:#f4f4f4;
  width:50%;
  margin:auto;
}

#scoreDiv>#quizPara, #scoreDiv>#missedPara{
 font-family:Rubik;
 text-align:center;
 color:rgb(250,50,50);
 font-weight:bold;
 font-size:20px;
}


.gradeContent{
 display:grid;
 grid-template-columns:2fr 3fr 3fr;
 grid-gap:10px;
}

.gradeContent>div{
 background-color:#f4f4f4;
}

.gradeContent h2{
 text-align:center;
 color:rgb(250,50,50);
}

.gradeContent a{
 text-align:left;
 font-size:20px;
 color:black;
 display:block;
 margin: 20px 10px;
 text-decoration:none;
}

.gradeContent a:hover{
 color:white;
 background-image:linear-gradient(to left, red,black);
 border-radius:20%;
}

@media screen and (max-width:800px){
  .gradeContent{grid-template-columns:auto;}
  #scoreDiv{position:relative; left:0; bottom:0; margin:0; width:40%;}
  #scoreDiv>#quizPara, #scoreDiv>#missedPara{font-size:16px;}
}

#currentQuestion{
margin-top:0;
/*background-color:rgb(250,50,50);*/
color:white;
width:50%;
min-height:50px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
font-weight:bold;
font-size:24px;
}

#resultContainer{
 display:grid;
 grid-template-columns:1fr 4fr;
}

.colors{
  color:rgba(250,50,50,0.8);
}