body {
  /*background-color: rgb(0,0,0);*/
  color: rgb(255,255,255);
}

#hero {
  width: 100%;
  height: 100vh;
  background-image: url("../../assets/img/erik-mclean-ZRns2R5azu0-unsplash.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #333;
}

#bottom-div {
  color: #fff;
}

.start-button {
  margin-left: 0px;
  font-family: Montserrat, sans-serif;
  background-color: rgba(0,98,204,0);
  border: 3px solid #fff;
  border-radius: 30px;
  color: #ffffff;
  filter: invert(0%) sepia(0%);
}

.start-button:hover, .start-button:focus, .start-button:active {
  background-color: rgba(204,122,0,0.86) !important;
  border: 3px solid #fff !important;
  box-shadow: none !important;
}

#footer-p {
  margin-bottom: -162px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
}

#copyrightfooter {
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  text-align: center;
  color: #ffffff;
  background-color: rgba(0,0,0,0.39);
}

#a-no-underline {
  text-decoration: none;
}

#bodyquiz {
  background-color: rgb(255,255,255);
}

#quizbottom-div-1 {
  font-family: Montserrat, sans-serif;
  /*margin-top: 150px;*/
}

#quizcopyrightfooter {
  color: rgb(0,0,0);
  font-size: 13px;
  font-family: Montserrat, sans-serif;
}

#quizhead, #quizsubHead, #quizp {
  color: black;
}

#countTime {
  color: black;
  font-family: Montserrat, sans-serif;
  font-size: 45px;
  text-align: center;
}

#pquestion {
  color: rgb(0,0,0);
  font-family: Montserrat, sans-serif;
}

#checkfalse {
  color: rgb(255,0,0);
  font-family: Montserrat, sans-serif;
  font-weight: bold;
}

#checktrue {
  color: rgb(37,255,2);
  font-weight: bold;
  font-family: Montserrat, sans-serif;
}

.correct-button {
  margin-left: 0px;
  font-family: Montserrat, sans-serif;
  background-color: rgba(0,98,204,0);
  border: 3px solid #fff;
  border-radius: 30px;
  color: #ffffff;
  filter: invert(0%) sepia(0%);
}

.correct-button:hover, .correct-button:focus, .correct-button:active {
  background-color: rgba(0,204,20,0.68) !important;
  border: 3px solid #fff !important;
  box-shadow: none !important;
}

#a-no-underline-1 {
  text-decoration: none;
}

/* Fixare il color hover */

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #f4476b;
  /*border-color: rgba(204,122,0,0.86);*/
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(38,143,255,0);
}

a:hover {
  /*color: #0056b3;*/
  text-decoration: none;
}

.btn.btn-primary.signupbtn {
  /*background: #56c6c6;*/
  background: rgba(204,122,0,0.86);
  border-radius: 20px;
  font-size: inherit;
  color: #fff;
  box-shadow: none;
  border: none;
  text-shadow: none;
  padding: .5rem 1rem;
  transition: background-color 0.25s;
  font-size: inherit;
  font-family: Montserrat, sans-serif;
}

/* New Quiz Button */

.btn.btn-primary.btn-block.text-center.flex-grow-0.flex-shrink-0.newquizbutton {
  margin-left: 0px;
  font-family: Montserrat, sans-serif;
  background-color: rgba(0,98,204,0);
  border: 3px solid #fff;
  border-radius: 30px;
  color: #ffffff;
  filter: invert(0%) sepia(0%);
}

.newquizbutton:hover, .newquizbutton:focus, .newquizbutton:active {
  background-color: rgba(0,82,204,0.72) !important;
  border: 3px solid #fff !important;
  box-shadow: none !important;
}

@media (min-width: 300px) {
  #imgres {
    width: 60%;
  }
}

@media (min-width: 992px) {
  #imgres {
    width: 70%;
  }
}

.navbar-expand-md .navbar-nav .dropdown-menu {
  margin-left: -80px;
}