@font-face {
  font-family: 'Cera Pro';
  src: url('./fonts/CeraProBlack.ttf') format('truetype');
}

body,
.card {
  font-family: 'Cera Pro';
  background-color: rgb(230, 240, 241);
}
h5 {
  color: white;
}

.navbar {
  background-color: rgb(230, 240, 241);
}

.navbar-toggler-icon,
.navbar-toggler {
  background-color: rgb(230, 240, 241) !important;
  border: none;
}

.navbar-toggler-icon {
  width: 2em;
  height: 2em;
  background-color: rgb(230, 240, 241) !important;
}

button {
  background-color: rgb(0, 105, 105) !important;
  border-color: rgb(0, 105, 105) !important;
  color: white !important;
  border-radius: 10px !important;
}

.slettKnapp {
  background-color: rgb(242, 87, 73) !important;
  border-color: rgb(242, 87, 73) !important;
}

.ikkeSlettKnapp {
  background-color: rgb(230, 240, 241) !important;
  color: black !important;
  border-color: rgb(230, 240, 241) !important;
}

.question {
  background-color: #408f8e !important;
  border-radius: 10px !important;
}

.questionImages {
  border-radius: 10px;
  width: 80% !important;
}
.accordion {
  --bs-accordion-bg: rgb(0, 105, 105);
}

.modal-body,
.bs-modal {
  background-color: rgb(0, 105, 105) !important;
  border: none;
}
.respons {
  border-radius: 10px !important;
  background-color: rgb(0, 105, 105) !important;
  margin-top: 10px;
}

.accordion-button {
  font-size: 1.2rem;
}

.nextButton {
  background-color: #b5d99d !important;
  font-size: larger;
  justify-self: center;
  width: 80vw;
  color: rgb(0, 105, 105) !important;
}

.lightButton{
   background-color: #b5d99d !important;
   margin: 10px;
   color: black !important;
}