* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.rgbKineticSlider {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
}

.rgbKineticSlider canvas {
position: absolute;
display: block;
top: 0 !important;
left: 0 !important;
transform: scale(1) !important;


}
/* 
nav a {
  color: #fff;
  text-decoration: none;
  position: absolute;
  top: 50vh;
  z-index: 1;
  padding: 9px 27px;
  font-family: poppins;
  font-size: 17px;
  border-bottom: 2px solid #fff;
  overflow: hidden;
  transition: .5s;
}

nav a:hover {
  color: #fff;
}

body > nav > a.main-nav-next {

  right: 5vw;
}

body > nav > a.main-nav.main-nav-prev
 {
 
  left: 5vw;
} */

@media screen and (max-width: 500px) {

  /* nav a {
    color: #fff;
    text-decoration: none;
    position: absolute;
    top: 50vh;
    z-index: 1;
    padding: 9px 27px;
    font-family: poppins;
    font-size: 13px;
    border-bottom: 1px solid #fff;
    overflow: hidden;
    transition: .5s;
  } */

  .rgbKineticSlider {
    height: 100vh;
  }
  
  
}