@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');

body, html {
    height: 100vh;
    background: black !important;
    overflow-x: hidden;
}

.card {
    background: #1a1a1a !important;
}

.lab-title {
    font-family: "Libre Baskerville", serif;
  font-weight: 400;
  font-style: normal;
}

.btn-olman {
    color: white;
    background: #bc742e !important;
    border-color: #bc742e !important;

}

.bg-olman-black {
  background-color: #101010 !important;
}

.bg-olman-dark {
  background-color: #1a1a1a !important;
}


.btn-olman:hover, .btn-olman:active {
    background: #ac6824 !important;
}

.btn-opt-olman {
    border-color: white !important;
    transition: 0s !important;
}

.btn-opt-olman:hover {
    background: #ac6824 !important;
    border-color: transparent !important;
}


.btn-check:checked+.btn-opt-olman, .btn-opt-olman.active, .btn-opt-olman.show, .btn-opt-olman:first-child:active, :not(.btn-check)+.btn-opt-olman:active {
    background: #bc742e !important;
    border-color: transparent !important;
}

/*==== FADE IN UP ===*/
@-webkit-keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  @keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  .fadeInUp {
    -webkit-animation-duration: 1s;
   animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }