.hidden {
    display: none;
}

.disabled {
    pointer-events: none;
    background-color: rgb(129, 129, 129);
    color: white;
}

/* from https://www.w3schools.com/howto/howto_css_next_prev.asp */

a {
    text-decoration: none;
    display: inline-block;
    padding: 8px 16px;
  }
  
  a:hover {
    background-color: #ddd;
    color: black;
  }
  
  .previous {
    background-color: #a14907;
    color: white;
  }
  
  .next {
    background-color: #a14907;
    color: white;
  }
  
  .round {
    border-radius: 50%;
  }

  .navigation-container {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      background-color: rgba(0, 0, 0, 0.8);
      position: absolute;
      left: 80%;
      top: 300px;
  }

  .main-container {
      position: relative;
  }