a {
    cursor: pointer;
}

#slideContainer {
    margin: 1rem;
    position: relative;
}

.slideimg {
    height: 68vh;
    border: 8px #54b36e solid;
}

.hidden {
    display: none !important;
}

.previousSlide, .nextSlide {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -60px;
    font-size: 60px;
    color: #6fa8dcff;
    font-weight: bold;
    transition: 0.6s ease;
    user-select: none;
    }

    .nextSlide {
    right: 0rem;
    border-radius: 3px 0 0 3px;
    }

    .previousSlide {
    left: 0rem;
    border-radius: 3px 0 0 3px;
    }

@media only screen and (max-width: 963px) {
    .slideimg {
      height: 20vh;
    }
  }