::-webkit-scrollbar{width:2px;height:2px;}
::-webkit-scrollbar-button{width:2px;height:2px;}
.horizontal-scroll-wrapper{
  position:absolute;
  display:block;
  width:100vh;
  max-height:100vw;
  margin:0;
  overflow-y:auto;
  overflow-x:hidden;
  transform:rotate(-90deg) translateY(-100vh);
  transform-origin: right top;
  left: 0;
  top: 0;
  background-color: #000000eb;
  animation: bge 5s ease-in-out infinite alternate;
  color: #fff;
}
.horizontal-scroll-wrapper > div{
  display:block;
  background:#cab;
  transform:rotate(90deg);
  transform-origin: right top;
}
.rectangles > div{
  margin: 0;
  padding: 0;
  width:100vh;
  height:100vw;
  background:transparent;
  transform:rotate(90deg);
  transform-origin: right top;
}
.nrchs-beff{
  display: inline-block;
  position: relative;
  border: 2px solid transparent;
  transition: border-bottom-width 0.3s;
  cursor: pointer;
}
.nrchs-beff::after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #fff;
  transition: width 0.3s;
}
.nrchs-beff:hover{
  border-bottom-width: 2px;
}
.nrchs-beff:hover::after{
  width: 100%;
}
@keyframes bge {
  from{
    background: #000000a3;
  }
  to{
    background: #00000040;
  }
/**
  from{
    background: #00000088;
  }
  to{
    background: #000000d2;
  }
  **/
}