*
{
  padding: 0;
  margin:  0;
  box-sizing:  border-box; 
}

body {
  font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif ;
  font-weight: 550;
  background: -webkit-linear-gradient(#f1efef , #f2f2f2);
}
.menu-bar {
  text-align: center;
  background: #64879b;
  margin-left: 0px;
  height: 3.125em;
  width: 100%;
  position:fixed;
  z-index: 10;
}

.menu-bar ul{
  padding: 0.75em;
}

.menu-bar ul li{
  display: inline-block;
  margin-top:-10px;
  vertical-align: auto;
  width: 12%;
  text-align: center;
}

.menu-bar ul li.user-login{
  width: 20%;
  text-align: right;
}

.menu-bar ul li a{
  font-weight: 800;
  letter-spacing: 0.2px;
}

.menu-bar ul li a{
  text-decoration: none;
  color: white;;
  font-size: 1em;
  font-weight: 600;
}


.menu-bar ul li a:hover{
  color:#31a9f6;
}

#logo{
  font-size: 180%;
}

.sub-menu-1 {
  display: none;
}

.menu-bar ul li:hover .sub-menu-1{
  display:block;
  position: absolute;
  margin-top:0px;
  margin-left: 0px;
  padding: 1em;
  width: 10em;
  z-index:1;
}

.menu-bar ul li:hover .sub-menu-1 ul{
  margin: 0px;
  height: 15em;
  position: relative;
  width:100%;
  background: #64879b;
  box-sizing: border-box;
  border-radius: 3px;
  z-index:1;

}

.menu-bar ul li:hover .sub-menu-1 ul li{
  display: block;
  width: 100%;
  text-align: left;

  padding:0.5em;
  font-size: 1em;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif ;
  margin-top:0.25em;
}
.menu-bar ul li:hover .sub-menu-1 ul li:hover{
  border-bottom: solid 1px white;
}
.menu-bar ul li:hover .sub-menu-1 ul li a{
  color: white;
}
.menu-bar ul li:hover .sub-menu-1 ul li a:hover{
  color:#31a9f6;
}

.fa-bars{
  color:white;
  box-sizing: border-box;
}


.smallmenu {
  width: 100%;
  background:white;
  height:fit-content;
  color:#424245;
  border-bottom: solid 2px #bcbfd0;
  padding: 2em;
  height: 6em;
}

.smallmenu ul{
  text-align: center;
}

.smallmenu  ul li{
  display: inline-flex;
  padding:25px;
  margin-top: 0.5%;
}
.smallmenu  ul li a{
  text-decoration: none;
}
.smallmenu  ul li a{
  color: #0579ff;
}
.smallmenu  ul li.find-more a{
  margin-left: -45px;
}
.smallmenu  ul li a:hover{
  border-bottom: solid 1px #005eff;
}

footer{
  height: fit-content;
  background:#e9e9e9;
  margin-bottom: 0%;
  color:#c6d2de;
  font-size: 1em;
  margin-top: 10em;
  padding: 2em;
}

footer p{
  text-align: center;
  color:#7c7c7e;
  font-size: 1em;
}
footer .social-media ul{
  text-align: center;
  margin-bottom: 0px;
  width: 20%;
  margin-left: 40%;
  margin-right: 40%;
  padding: 0.5em;
  
  font-size: 1em;
}
footer .social-media ul li{
  display: inline-flex;
  font-size: 150%;
  text-align: center;
  width: 20%;
  margin-bottom: 0;
  color:#7c7c7e;
  
}


footer li a{
  color: #7c7c7e;
  display: inline-flex;
  width: auto;
  font-size: 1em;
}

footer  ul li a{
  text-decoration: none;
  font-size: 1em;
  
}

footer .contact-list p a{
  text-decoration: none;
  color: #7c7c7e;
  font-size: 1em;
}



.exam{
  margin-left: 15%;
  margin-right: 20%;
  background:white;
  padding: 1em;
}

.exam-information{
  color: rgb(70, 67, 67);
  margin-top: 8em;
  position:static;
  padding: 1em;
  background: white;

}


.exam-information img{
  margin-left: 40%;
}

.exam-information h1{
  text-align: center;
  font-size: 1.25em;
  color: black;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-weight: 400;
  
}

.exam-information h1.organizor{
  margin-bottom: 0.35em;
}

#organizor{
  border-bottom: solid 1.5px #146ebe;
  font-weight: 600;
  font-size: 1em;
  background: -webkit-linear-gradient( #146ebe,#2884d4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 0.15em;
}

#subtitle{
  padding: 0.1em;
  font-size: 1em;
  font-weight: 500;
  color: black;
  font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  border: 1px solid black;
}
.exam-information h2{
  text-align: center;
  font-weight: 400;
  font-size: 1em;
  margin-top: 0.25em;
  font-family: Arial, Helvetica, sans-serif;

}
.candidate-information{
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: 5%;
}
.candidate-information h3{
  font-size: 1rem;
  font-weight: 500;
}


span.star{
  color: red;
  margin-right: 0.25em;
}

.content{
  color:#303030;
  font-size: 0.5em;
  font-weight: 600;
}

.content h3{
  font-size: 2em;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-weight: 500;
  color: black;
  font-style: italic;
  width: 90%;
  text-align: justify;
  font-weight: 500;
  border-radius: 1px;
  margin-top: 1em;
}


p.show{
  color:rgb(46, 44, 44);
  font-size:1rem;
  font-weight: 500;
  box-sizing: border-box;
  border-radius: 3px;
  line-height: 1.5;
  text-align: justify;
  display: none;
  margin-top: 5px;
  width: 100%;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

}


.quiz-item{
  font-size: 1rem;
  margin-top: 0.5em;
  display: none;
}


.my-button ul{
  list-style: none;
}
.my-button ul li{
  display: inline-flex;
  width: 12rem;
}
.choice{
  padding:0.25em;
}

#result{
  color: #24b503;
  font-size: 3em;
  height: fit-content;
  text-align: center;
}

#yourcard{
  color:black;
  font-size: 5em;
  height: fit-content;
  text-align: center;

}
.fa-exclamation-triangle{
  color: #ffa41c;
  font-size: 100px;
  margin-left: 2em;
  margin-right: 1em;

}


.fa-times-circle{
  margin-left: 1em;
  margin-right: 1em;
}



p.choice{
  background:#fafafa;
  height: fit-content;
  width: 90%;
  box-sizing: border-box;
  border-radius: 4px;
  margin-top: 0.25em;
  font-size: 1.15em;
  font-weight: 550;
  border-style: solid;
  border-width: thin;
  border-color: black;
  margin-left: 5%;
}

p.choice input{
  margin-right: 1em;
  margin-left: 1em;
}

p.question-content{
  font-size: 1.15em;
  width: 95%;
  font-weight: 550;
  text-align: justify;
  color: darkblue;
}



#radio1:checked ~ p.choice span{
  color: burlywood;
}

.quiz-item{
  width: 90%;
}



.my-button ul{
  width: 100%;
  margin-left: 0%;
}
.my-button ul li{
  width: 49%;
  text-align: left;
}
input:checked{
  -webkit-appearance:none;
  width:15px;
  height:15px;
  background-color: white;
  border:2px solid #0091ea;
  border-radius:50%;
}

.answer-table table{
  margin-left:1%;
  margin-top:7%;
  position: fixed;
  width: 13%;
  height: 50vh;
  color: #424245;
  
}

.answer-table tr{
  text-align: center;
}
.answer-table tr th{
  font-size: 1em;
  font-weight: 500;
  color: white;
  height: fit-content;
  background: -webkit-linear-gradient(#00535e, #0b8173);
  border-radius: 2px;
}


.answer-table tr td{
  background: white;
  border:solid;
  border-width: 0.5px;
  border-color: #b4b4b4;
  border-radius: 2px;
  font-size: 1em;
  
}
.answer-table h3{
  position: fixed;
  margin-top: 7%;
  margin-left: 2%;
  font-weight: 500;
  border-bottom: solid 2px #edbe87;
}


.answer-table table a{
  text-decoration: none;
  font-weight: 500;
}
.answer-table table a{
  color: black;

}

.answer-table table a:focus{
  color:orangered;
}



.fa-edit{
  color: #0091ea;
  margin-left:1em;
  margin-right: 1em;
  font-size:150%;
}

.fa-times-circle{
  color: red;
  font-size: 150%;
}

.similar-topics{
  margin-top: 1em;
  margin-bottom: 50vh;
  margin-left: 15%;
  margin-right: 20%;
  width:60% ;
}

.similar-topics ul{
  list-style: none;
}
.similar-topics ul li{
  border-bottom: solid 2px #d6d6d6;
  height: fit-content;
}
.similar-topics ul li p{
  text-align: left;
  margin-top: 1em;
}

.similar-topics ul li p a{
  text-decoration: none;
  color: black;

}
.similar-topics ul li p a:hover{
  color: rgb(56, 54, 54);
}

.similar-topics h3 span{
  color: #876450;
  font-weight: 700;
  font-size: 1.5em;
}

.similar-topics h3{
  color: #cc6600;
  font-weight: 500;
  font-size: 1.5em;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 0.5em;
}

#result{
    border:none;
    background:navy;
    color:white;
    
}


.bold{
  color: navy;
  font-weight: 600;
  text-decoration: underline;
}


.underline{
  text-decoration: underline;
}

.info-bar{
  margin-top: 3.125em;
  text-align: center;
  border-bottom: solid 2px #d5d9d9;
  background: white;
  margin-left: 0px;
  height: 3em;
  width: 100%;
  position:fixed;
}

span.thitudo{
  margin-left: 25%;
}

span.macdinh{
  margin-left: 1em;
}


p.personal-info-bar{
  color: dodgerblue;
  font-size: 1.5em;
  
}
.answer-sheet{
  margin-top: 6.125em;
  text-align: center;
  border-bottom: solid 2px #d5d9d9;
  background: white;
  margin-left: 0px;
  height: 5em;
  width: 100%;
  position:fixed;
  display: block;
}

.personal-info{
  margin-top: 6.125em ;
  text-align: left;
  border-bottom: solid 2px #d5d9d9;
  background: white;
  margin-left: 0px;
  height:100vh;
  width: 100%;
  position:fixed;
  overflow: auto;
  display: block;
}
.personal-info p{
  width: 50%;
  margin-top: 0.5em;
  margin-left: 25%;
}
.personal-info p input{
  width: 100%;
  font-size: 1em;
  padding: 0.25em;
  border: 1px solid #cccccc;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.personal-info p input:focus{
  outline: red;
}
.personal-info p.submit-info{
  text-align: center;
  margin-left: 40%;
  margin-right: 40%;
  width: auto;
}
.personal-info p input.submit-info-button{
  font-size: 1em;
  text-align: center;
  padding: 0.25em;
  border: 1px solid #cccccc;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}


.answer-sheet ul.qqq{
  height: fit-content;
}

.answer-sheet ul.qqq li{
  display: inline-block;
  width: 3em;
  border-radius: 2px;
  text-align: center;
  margin-top: 0.5em;
  border:solid 1px rgb(196, 194, 194);
}

#an1{
  background-color: #d5d9d9;
}

.info-bar ul.info-display{
  box-sizing: border-box;
  background: white;
  border-bottom:solid 1.5px #a3a2a2 ;
  z-index:0;
}

.info-bar ul.info-display li{
  display: inline-block;
  width: 12%;
  border-radius: 2px;
  text-align: center;
  margin-left: 0.5em;
  color: #146ebe;
}



.info-bar ul.info-display li.cand-inf{
  display: inline-block;
  width: 15%;
  border-radius: 2px;
  text-align: center;
  margin-top: 0.5em;
  overflow: hidden;
  margin-bottom: 0.5em;
  color: #146ebe;
  background: rgb(238, 235, 235);
  border-left:solid 2px #146ebe;
}

.fa-clock{
  color: #146ebe;
}

.fa-user{
  color: #146ebe;
}


input.check-button {
  border-radius: 2px;
  margin-top: 0.25em;
  overflow: hidden;
  margin-bottom: 0.25em;
  padding: 0.25em;
  font-size: 0.85em;
  width: 80%;
  background: -webkit-linear-gradient(#146ebe,#4c97d8);
  color: white; 
  border: solid 1px black;
  font-weight: 500;
  border-color:transparent;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}


li.button{
  overflow:hidden;
}
input.hide-button {
  border-radius: 1px;
  margin-top: 0.25em;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 0.25em;
  padding: 0.25em;
  font-size: 0.85em;
  width: 80%;
  background:#e4e6eb; 
  color: black; 
  font-weight: 500;
  border-color:transparent;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}


a.answer-link{
  text-decoration: none;
  color: black;
}



#time-allotted{
  font-style: italic;
  font-weight: 450;
  font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  color: black;
  font-size: 1em;
  padding-bottom: 0.4em;
  border-bottom: 1px solid rgb(153, 152, 152);
}




#test-end{
  height: fit-content;
  width: 100%;
  margin-top: 0.25em;
  font-size: 2.25em;
  font-weight: 550;
  text-align: center;
  margin-left: 0px;
}

.quiz-item:last-child{
  border-width:2.5px;
  border-color: white;
  width: 90%;
}

.your-answers{
  position: static;
  display: none;
  border-bottom: solid 10px #6e7070;;
}

.your-answers p.sheet-name{
  width: 100%;
  margin-top: 0.5em;
  font-size: 3em;
  text-align: center;
  background: dimgray;
  color: white;
}

.your-answers p.sheet-name span{
  padding-left: 0.25em;
  padding-right: 0.25em;
}

.your-answers p input{
  font-size: 2em;
  color: black;
  font-weight: 500;
}
.your-answers ul{
  width: 100%;
}

.your-answers ul li{
  margin-top: 2.5em;
  width: 49.5%;
  border-radius: 1px;
  display: inline-block;
  border: 1px solid rgb(177, 170, 170);
  border-radius: 1px;
}


.your-answers ul .test-details li{
  margin-top: 2.5em;
  width: 45.5%;
  margin-left: 1%;
  border-radius: 1px;
  border: none;
  display: inline-block;
  background: rgb(244, 244, 244);
  border-left: 3px solid gray;
}


.your-answers ul li span.odd{
  width: 10%;
  display: block;
  color: black;
  box-sizing: border-box;
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
  font-size: 2em;
  margin-right: 0.25em;
  border-radius: 1px;
}

.your-answers ul li span.even{
  width: 10%;
  display: block;
  color: black;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  font-size: 2em;
  margin-right: 0.25em;

}


.your-answers ul li input{
  border: none;
  font-size: 2em;
  margin-left: 0.75em;
  color: black;
  background: none;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-weight: 500;
}

.your-answers ul li input:focus{
  outline: none;
}



#submitnow{
  visibility: hidden;
}


input.key{
  border: none;
  width: fit-content;
  color: green;
}





.your-answers ul li.candif{
  color: red;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}


#warning{
  color: red;
  font-weight: 500;
  font-size: 1em;
  font-family: Roboto;
  font-style: italic;
}

.your-answers ul li.candinf{
  width: 100%;
  margin-top: 1.25em;
  text-align: justify;
  border-color: white;
} 
.your-answers ul li.candinf span{
  font-size: 2em;
  display:inline-block;
  padding: 0.5em;
  vertical-align: middle;
  
}
.your-answers ul li input.candidate-info{
  color: black;
  padding: 0.5em;
  width: 60%;
  font-size: 2em;
  float: right;
  margin-right: 20%;
  background: #dad6d6;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
#thitudo{
  margin-left: 1.5em;
}

#thitudo:checked{
  padding: 0px;
  background-color: rgb(29, 16, 16);
  border: 1px solid black;
  -webkit-appearance:none;
  border:6px solid #cfcfcf;
}
#macdinh{
  margin-left: 1.5em;
}

#macdinh:checked{
  padding: 0px;
  background-color: rgb(29, 16, 16);
  border: 1px solid black;
  -webkit-appearance:none;
  border:6px solid #cfcfcf;
}



#candidate-time{
  display: none;
}

.candidate-summary{
  margin-top: 1em;
  border-bottom: solid 2px gray;
  border-top: solid 2px gray;
  padding-bottom: 2em;
  padding-top: 2em;
}

.candidate-summary p{
  font-size: 3em;
}

.result-summary{
  padding-bottom: 2em;
  padding-top: 2em;
  
  border-bottom: solid 2px gray;
}

.result-summary p{
  font-size: 3em;
}

.result-summary ul li{
  border: none;
  width: 24%;
  text-align: center;
}
.result-summary ul li span{
  width: 40%;

}
.result-summary ul li input{
  width: 80%;
  border: none;
  padding: 0.5em;
  text-align: center;
  background: gainsboro;
}


.result-summary ul li span{
  display: inline-block;
  text-align: center;
  font-size: 2em;
  width: fit-content;
  margin-right: 0.25em;
}


.test-details{
  padding-bottom: 2em;
  padding-top: 2em;
  border-bottom: solid 2px gray;
}

.test-details p{
  font-size: 3em;
}



.test-id{
  width: fit-content;
  font-size: 1.5em;
  font-weight: 500;
  padding: 0.5em;
}
#test-id{
  margin-left: 1em;
  color: black;
  outline: none;
  border:none;
  text-align: left;
  background-color: rgb(221, 218, 218);
  font-weight: 500;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}





span input.test-type{
  margin-left: 1em;
  width: fit-content;
}
span input.test-type:checked{
  padding: 0.5em;
  position: absolute;
  background-color: #00c985;
  border: 3px solid rgb(243, 239, 239);
}


#test-selection span{
  position: relative;
  margin-left: 15%;
}


#address{
  font-size: 1em;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}


p.passage{
  font-size: 15px;
  line-height: 1.4;
  display: block;
  border-radius: 2px;
  padding: 0.15em;
  width: 90%;
  text-align: justify;
  font-weight: 450;
  color: black;
  text-indent:1.5em;
  font-family:Inter;
}


p.passage .bold{
    color: navy;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 500;
}


html {
  scroll-behavior: smooth;
}



#answersummary{
  color: red;
}


#datatostore{
  display:none;
  visibility: hidden;
}


#allanswers{
}



span.text-indent{
  margin-left: 1.5em;
}

span.passage-source{
  font-style: italic;
  float: right;
  font-size: 0.75em;
  color: black;
  font-family: Roboto;
}




.fa-info{
  color: red;
  margin-right: 0.5em;
}


span.justbold{
  font-weight: 600;
  color: navy;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}


span.guide{
  color: #24b503;
  font-weight: 400;
  font-style: italic;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

p.exam-regulation{
  height: 100px;
  border: 1px solid #ccc;
  font-weight: 400;
  padding-left: 1.5em;
  padding-right: 1.5em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  overflow: auto;
  text-align: justify;
}

#confirmation{
  color: red;
  margin-left: 25%;
  margin-right: 0.25em;
  transition: all .0.5s ease;
  cursor: pointer;

}

#confirmation:checked{
  border-radius: 50%;
  color: red;
  border: 3px solid #68b52a;
}



.magic-quiz{
  padding: 1em;
  background: rgb(249, 247, 247);
  border-left:solid 4px #146ebe;
}

.magic-quiz p{
  color: rgb(53, 50, 50);
}



input.create-button {
  border-radius: 2px;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  padding: 0.25em;
  font-size: 0.85em;
  width: 80%;
  width:fit-content;
  background: -webkit-linear-gradient(#146ebe,#4c97d8);
  color: white; 
  font-weight: 500;
  border-color:transparent;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

#time-selection{
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-weight: 500;
}


#question-selection{
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-weight: 500;
}

#topic-selection{
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-weight: 500;
}


#recommended{
  color:white ;
  padding: 2em;
  text-align: justify;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-weight: 400;
  height: fit-content; 
  border-radius: 3px;
  background: -webkit-linear-gradient(#07d25c, #09be39);

}


span.source{
  float: right;
  font-style: italic;
  font-weight: 500;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.fa-paper-plane{
  padding: 0.25em;
}

p.create-button{
  text-align: center;
  padding: 0.5rem;
}



p.heading-quiz{
  font-size: 1.15em;
  width: 100%;
  color:black;
  border-bottom  : 1px solid #bcbaba;
  margin-bottom: 1em;
  padding: 0.25em;
  
}

.magic-quiz p{

  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  
}

p.heading-quiz span{
  font-size: 1.15em;
}

span.check{
  color: red;
  display:none;
}

.fa-check{
  color: #0bb204;
  font-size: 1.5em;
  margin-left: 1em;
}


h3.passage-heading{
  font-size: 1.15em;
  text-align: center;
  font-style: normal;
  color: black;
}