@font-face {
  font-family: 'Basteleur';
  src: url('../fonts/Basteleur-Bold.woff') format('woff'),
    url('../fonts/Basteleur-Bold.woff2') format('woff2'),
  font-weight: 100;
  font-display: swap;
  font-style: normal;
}
body {
 font-family: 'Basteleur', Fallback, serif;
  font-size:15vw;
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   
}

.wrapper {
  margin: -8px;
  padding: 0 auto;;
  width: 100%;
height: fit-content;
 background: rgb(255,0,0);
background: radial-gradient(circle, rgba(255,0,0,1) 0%, rgba(106,90,205,1) 88%);
}

.box {
	margin: 0 auto;
	width: 80vw;
	height: 100vh;
	position: relative;
	overflow: hidden;
	background-color: slateblue;
}
/* Animating the UL 
-_-_-_-_-_-_-_-_-_-_-_-_ 

@keyframes "scroll" {
 from {
   top: 0px;
 }
 to {
   top: -0px;
 }

}

@-moz-keyframes scroll {
 from {
   top: 0px;
 }
 to {
   top: -0px;
 }

}

@-webkit-keyframes "scroll" {
 from {
   top: 0px;
 }
 to {
   top: -0px;
 }

}

@-ms-keyframes "scroll" {
 from {
   top: 0px;
 }
 to {
   top: -00px;
 }

}

@-o-keyframes "scroll" {
 from {
   top: 0px;
 }
 to {
   top: -0px;
 }

}
*/
.scroll {
	position: absolute;

	/*-webkit-animation: scroll 15s linear infinite;
	-moz-animation: scroll 15s linear infinite;
	-ms-animation: scroll 15s linear infinite;
	-o-animation: scroll 15s linear infinite;
	animation: scroll 15s linear infinite; */
}

.scroll li{
	list-style: circle;
}