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

/*:root {
  color-scheme: light dark;
  /* both supported
}
*/
body {
  font-family: sans-serif;
  background-color: white;
  /*background-image:url("images/Backpap.jpg")
  /*background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 2000rem;*/
}

/*@media (prefers-color-scheme: light dark) {
  body {
    background-color: midnightblue;
  }
}
*/
img {
  width: 5.5rem;
  height: 5.2rem;
  border-radius: 5px;
}

.img {
  position: fixed;
}

#verse{
    margin:auto;
}

#title {
  text-align: left;
  padding: 0.8rem 0;
  font-size: 2rem;
  color: #006ecc;
  /*background: rgba(105,224,90,0.55);*/
  font-family: Georgia, 'Times New Roman', Times, serif;
}

#subtitle {
  text-align: center;
  padding: 0.2rem 0;
  font-size: 1.5rem;
  color: black;
  background: lightblue;
  font-family: Georgia, 'Times New Roman', Times, serif;
  border-radius: 5px;
}

.questions {
  margin: 3rem auto;
  margin-top: 1rem;
  margin-bottom: 1rem;
  width: 90vw;
  padding: 2rem;
  background: rgba(0, 0, 0, 0.0);
  cursor: default;
  border-radius: 5px;
}

.lists {
  margin-bottom: 1rem;
  width: 100%;
  padding: 2rem;
  background: rgba(0, 0, 0, 0.0);
  cursor: default;
  border-radius: 5px;
}

#container1 {
  margin: 0 2rem 0 2rem;
}
#quiz-container {
  padding-top: 4rem;
}

#inner {
  padding-top: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.topics {
  float: right;
  margin: 1rem;
  width: 100%;
  min-width: 10vw;
  padding: 2rem;
  background-color:rgba(0,0,0,0) ;
  cursor: default;
  border-radius: 5px;
}

@media screen and (max-width: 768px) {
  #inner {
    display: block;
    width:100%;
  }
  .topics {
    display:center;
    margin:0;
    padding: 0;
    padding-left: 2rem ;
    padding-right: 2rem;
    padding-top:1rem;
    background-color: rgba(0,0,0,0);
  }
  #container1 {
     margin:0;
     width: 100vw;
  }
}

.results {
  margin: 3rem auto;
  margin-top: 1rem;
  width: 90vw;
  padding: 2rem;
  background: rgba(0, 0, 0, 0.07);
  cursor: default;
  border-radius: 5px;
}

#question {
  margin-bottom: 1rem;
}

#number {
  margin-bottom: 1rem;
}

#ansrd {
  margin-bottom: 1rem;
}

#percentage {
  margin-bottom: 0rem;
}

.option {
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
  border-bottom: solid 0.1rem blue;
  width: 35rem;
  max-width: 100%;
  background: lightblue;
  border-radius: 5px;
}

.sites {
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
  /*border-bottom: solid 0.1rem blue;*/
  width: 100%;
  max-width: 100%;
  /*background: lightblue;
    border-radius: 1rem;*/
}

.sites a {
  /*color: #FFFFFF;*/
  text-decoration: none;
  -webkit-text-decoration-color: #006ecc;
          text-decoration-color: #006ecc;
}

a:visited {
  color: #006ecc;
}

a {
  color: #006ecc;
}

.sites a:hover {
  color: #ca7e27;
  text-decoration: none;
  /*text-decoration: underline;
    text-decoration-color: #ce6b32;*/
}

.sites:hover {
  color: #000000;
}

ol {
  position: relative;
  padding: 0 1.5rem;
  color: #014949;
}

ul {
  position: relative;
  padding: 1rem 1.5rem;
  list-style-type: none;
  color: #014949;
}

.option span {
  display: block;
  padding: 0.1rem 0.7rem;
  border-radius: 5px;
}

#answer {
  margin-top: 2.5rem;
}

#stat {
  margin-top: 1.5rem;
  color: #0611a8;
}

.buttons {
  text-align: center;
}

button {
  padding: 0.2rem 1.5rem;
  border: none;
  outline: none;
  width: 20rem;
  font-size: 1.5rem;
  border-radius: 5px;
  color: black;
  background: lightblue;
}

button:active {
  background: lavender;
}

#scoreboard, #answerBank {
  width: 20rem;
  background: rgba(230, 230, 250, 0.77);
  padding: 2rem;
  text-align: center;
  margin: auto;
  position: relative;
  top: 5rem;
  display: none;
}

#score-title {
  margin: 1rem 0;
}

#score-btn, #check-answer {
  margin-top: 1rem;
}

#score {
  font-size: 2.5rem;
}

#answerBank li {
  text-align: left;
  margin-bottom: 0.2rem;
  font-size: larger;
}

#answers {
  margin-top: 1rem;
}

.container {
  position:fixed;
  width: 100%;
  z-index:999;
  margin: 0;
  padding-right: 15px;
  padding-left: 15px;
  background: rgb(232,232,232);
}

/*
@media (min-width:576px){
    .container{max-width:540px}
}
@media (min-width:768px){
    .container{max-width:720px}
}
@media (min-width:992px){
    .container{max-width:960px}
}
@media (min-width:1200px){
    .container{max-width:1140px}
}
.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{
    width:100%;
    padding-right:15px;
    padding-left:15px;
    margin-right:auto;
    margin-left:auto
}
@media (min-width:576px){
    .container,.container-sm{
        max-width:540px
    }
}
@media (min-width:768px){
    .container,.container-md,.container-sm{
        max-width:720px
    }
}
@media (min-width:992px){
    .container,.container-lg,.container-md,.container-sm{
        max-width:960px
    }
}
@media (min-width:1200px){
    .container,.container-lg,.container-md,.container-sm,.container-xl{
        max-width:1140px
    }
} */
/*# sourceMappingURL=quiz.css.map */