@charset "utf-8";


.swiper-container {
    width: 100%;
    margin: 40px auto;
    
    .swiper-wrapper {
      
      .swiper-slide {
        position: relative;
        
        &:nth-child(1){ background-color: #384878; }
        &:nth-child(2){ background-color: #00c2bc; }
        &:nth-child(3){ background-color: #a8aabc; }
        &:nth-child(4){ background-color: #384878; }
        &:nth-child(5){ background-color: #00c2bc; }
        &:nth-child(6){ background-color: #a8aabc; }
        
        h1 {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          color: #fff;
          font-size: 3vw;
          
        }
      }
    }
}