body{
  font-family: "Sora", sans-serif;
  
}
#home{
  background-color: #f7f7f7;
}
.button {
    display: inline-block;
    padding: 1em;
    background-color: #79BD9A;
    text-decoration: none;
    color: white;
}
hr.thick {
    border: 1.5px solid white;
}
.cool_button{
    color: #0d6efd;
    text-decoration: underline;
}

  #scroll {
    position:fixed;
    right:30px;
    bottom:30px;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:#272829;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
#scroll:hover {
    background-color:#000000;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}

  .bg-rot{
    background-color: #993233;
  }
  .rote{
      color: #993233
  }
  .darke{
    color: #212429;
  }
  .bg-darke{
      background-color: #212429;
  }
  .black-abs{
    background-color: #000000;
  }
  .spacer {
    aspect-ratio: 960/80;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
  .whitedarke{
    background-image: url('/images/haikei/darkeblackwhite.svg')
  }
  .centered {
    position: absolute;
    top: 50%;
    left: 52%;
    transform: translate(-50%, -50%);
  }
  .special{
    position: relative;
  text-align: center;
  }
  #hero{
    background-color: white;
  }
  @media only screen and (max-width: 1000px) {
    #red-white {
        display: none;
    }
}