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

ul li{
 list-style-type:none;
 text-align:left;
 width:40%;
 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{
  font-family:Righteous; 
  font-size:24px;
  width:20%;
  margin:auto;
  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;
 position:absolute;
 top:32%;
 right:0;
 width:40%;
 display:none;
}

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




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

#currentQuestion{
margin-top:0;
color:white;
width:40%;
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);
}