body {
      width: 100%;
      overflow-x: hidden;
      margin: 0px;
      background:black; color:#eee;
}

.showcase-bg, .showcase-bg2, .showcase-bg3 {
      background: url('./images/back.jpg');
      background-size: cover; height: 100dvh;
      width: 100%; position: absolute;
}

@media(width < 500px){
      .showcase-cover .container{
            width:88%; margin-left:-4px;
      }
}

.showcase-bg2{
      background: url('./images/manLaptop.jpg');
      background-position: center;
}


.showcase-bg3 {
      background: url('./images/amae.jpg');
      background-position:center;
}


#allSliders{
      height:100vh; overflow:hidden;
}



#slide2, #slide3{
      display:none;
}

.showcase-cover {
      background:linear-gradient(320deg, #edb31fb3, rgba(0, 0, 0, 0.653) ,rgba(0, 0, 0, 0.724));
      height: 100dvh; width:100%; position:relative;
}

.title{
      font-size:60px;
}

.nav-arrow{
      display:flex; justify-content:baseline;
}

.nav-arrow .fbtn{
      background:#edb31f; color:black; padding:15 25px;
      border:none; border-radius:100%; margin-top:120px;
}

.nav-arrow .bbtn{
      background:#ffffff; color:black; padding:15 25px;
      border:none; margin-top:20px;border-radius: 100%;
}

#slide1{
      /*margin-left:100%;*/
}