#navDisplay {
    max-height: 8vh;
    display: flex;
    justify-content: space-between;
  }


  #imageTitle  {
    display: flex;
    justify-content: center;
    text-align: center;

    font-weight: bold;
    font-size: 15pt;
  }

  #imageDesc {
    display: flex;
    justify-content: center;

    text-align: center;
    font-size: 10pt;
    font-style: italic;
    margin-top: 0px;

    }

  #hideNSFW {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
    cursor: crosshair;
    justify-items: center;
    margin-top: 5%;
    display: fixed;

  }

  #imageDisplay {
    transition: filter 0.5s ease-out;   
    text-align: center;
    align-content: center;
  }
  
  #imageDisplay img {
    max-height: 85vh;
    max-width: 100%;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0));
    transition: transform 0.5s ease;
    border: black 1px solid;

    cursor: crosshair;
  }

  #imageDisplay:not(.blurred) img:hover {
    transform: scale(1.10);
    border: white 3px outset;

  }

  #imageDisplay.blurred a {
    pointer-events: none;
    cursor: default;
    }

    #aboutText {
      margin-top: 5px
    }

  .navButtons {
    align-content: center;
    font-size: 30pt;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
    transition: filter 0.2s ease-out, transform 0.2s ease-out;
  }

  .navButtons:hover {
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.832));
    transform: scale(1.1);
    color: white;

  }

  #backButton {
    margin-right: 2%;
    width: 38px;
  }

  #backButton:hover {
    transform: translateX(-10%);


  }

  #forwardsButton {
    margin-left: 2%;
        width: 38px;
    cursor: pointer;

  }
  #forwardsButton:hover {
    transform: translateX(10%);


  }