styles.css

@import "node_modules/react-image-gallery/styles/css/image-gallery.css";

a{
  text-decoration: none;
  color: white;
  
}
a:hover{
color: none;

}
a:visited{
  color: none;
}
.slider {
    width: 100%;
    height: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .image {
    width: 100%;
    height: 50%;
  }
  
  .right-arrow {
    position: absolute;
    top: 80%;
    right: 32px;
    font-size: 1.5rem;
    color: rgb(204, 198, 198);
    z-index: 10;
    cursor: pointer;
    user-select: none;
  }
  
  .left-arrow {
    position: absolute;
    top: 80%;
    left: 32px;
    font-size: 1.5rem;
    color: rgb(204, 198, 198);
    z-index: 10;
    cursor: pointer;
    user-select: none;
  }

  .slide.active {


    opacity: 1;
  
  }

  .spinner {
    margin: 100px auto 0;
    width:100%;
    text-align: center;
  }
  
  .spinner > div {
    width: 50px;
    height: 50px;
    
    background-color: rgb(10, 10, 10);
  
  
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  }
  
  .spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
  }
  
  .spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
  }
  
  @-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0) }
    40% { -webkit-transform: scale(1.0) }
  }
  
  @keyframes sk-bouncedelay {
    0%, 80%, 100% { 
      -webkit-transform: scale(0);
      transform: scale(0);
    } 40% { 
      -webkit-transform: scale(1.0);
      transform: scale(1.0);
    }
  }