.full-screen {
}
.story-carousel {
    margin-left: -3rem;
    position: relative;
    height: 100vh;
    width:100vw;
    top: 0;
    margin-top: -6rem;
    margin-left: -3rem;
    margin-bottom: -3rem;
    z-index: 1;
  }
  
  .story-carousel .swiper-slide {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    padding: 6rem;
    top: 0;
    -webkit-animation-name: breathe;
    /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 20s;
    /* Safari 4.0 - 8.0 */
    animation-name: breathe;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    background-color: var(--color-a);
  }
  
  .story-carousel .swiper-slide a {
    width: fit-content;
  }
  
  .story-carousel .swiper-slide a:hover {
    opacity: 0.5;
  }

  .story-carousel:hover{
    cursor: grab;
  }
  .story-carousel:active{
    cursor: grabbing;
  }
  
  .story-carousel .swiper-slide span {
    font-family: 'Sequel Sans';
    color: var(--offblack);
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 3rem;
  }
  
  @-webkit-keyframes breathe {
    0% {
      background-color: var(--color-a);
    }
  
    50% {
      background-color: var(--color-b);
    }
  
    100% {
      background-color: var(--color-a);
    }
  }
  
  /* Standard syntax */
  @keyframes breathe {
    0% {
        background-color: var(--color-a);
      }
    
      50% {
        background-color: var(--color-b);
      }
    
      100% {
        background-color: var(--color-a);
      }
  }