.bebas-neue-regular {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.scroll-parent {
  position: relative;
  /* width: 100vw; */
  /* height: 20rem; */
  /* overflow: hidden; */
  
}

.scroll-element {
  /* width: inherit;
  height: inherit; */
  position: relative;
  /* left: 0%; */
  /* top: 0%; */
  /* animation: primary 3s linear infinite; */
  /* float:right;  */
  display: inline;
  animation: primary 12s linear infinite;

  
}


@keyframes primary {
  from {
    top: 26%;
  }
  to {
    top: -25.25%;
  }
}

@keyframes secondary {
  from {
    top: 100%;
  }
  to {
    top: 000%;
  }
}



html { min-height: 100%; }

body {
  background-color: #137EC0;
  min-height: 100%;
}

#canvas{
  height: 50vw;



}
#scroller {
 
  writing-mode: vertical-rl;
  text-orientation: mixed;
  overflow: visible;
  white-space: nowrap;


  color: white;
  font-size: 18vh;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 600;
  font-style: normal;

  grid-row: span 3;

}




#clock{
  color: white;
  font-size: 17vh;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 600;
  font-style: normal;
  letter-spacing: -.3rem;
  grid-row-start: 3;
  padding-right: 20px;
}

#logo{
  grid-column-start: 1;
  grid-row-start: 1;
  grid-row: span 2;
  overflow-inline: hidden;
  overflow: visible;
  overflow-block: visible;
  padding-top:65px;
}



.item{
  
  display: flex;
  align-items: center;
  justify-content: center;
/* 
  border-radius: 15px;
  border: 2px solid #73AD21; */
}
.grid {
  display: grid;
  grid-template-columns: repeat(2, 50%);
  grid-template-rows: repeat(3, 1fr);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
 
}

/* 
#main, #second, #third{


  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;

  border-radius: 15px;
  border: 2px solid #73AD21;

}


#second{
  grid-row: span 2;
}




.grid{

  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  position: fixed;
  top: 1.5rem;
  left: 1.5rem;
  right: 1.5rem;
  bottom: 1.5rem;

  gap: 1.5rem;
} */