@font-face {
    font-family: 'vt323Regular';
    src: url(fonts/vt323.regular.ttf);
}
@font-face {
    font-family: 'buggys';
    src: url(fonts/buggys.regular.ttf);
}

body {
    color: #baf9fe;
    background-image: url(CLOVER1.JPG);
    background-repeat: repeat;
    background-position: center;
    background-attachment: fixed; 
    font-family: 'vt323Regular';
    font-size: 25px;
    text-align: center;
}

h1 {
    font-size: 50px;
}

h2 {
    font-family: 'buggys';
    font-size: 50px;
    font-weight: lighter;
    text-align: center;
}


/*lllllllllllllllllllllllllllllllllllllllllllllllllll*/

.marquee__three {
  display: flex;
  overflow: hidden;
  overflow-x: hidden;
  height: max-content;
  user-select: none;
  gap: .1rem;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 3px ridge #0033ff;
  overflow: hidden;
  background-color: rgb(0, 0, 0, 0.40);
  margin: 0;
  /*transform: rotate(-5deg) translateY(-100px) translateX(50px);*/
  /*animation: scroll 18s linear infinite;*/
  /*background-color: green;*/
   /*transform: skewY(-8deg); */
    /*-webkit-mask-image:radial-gradient(rgba(0, 0, 0,1) 15%, transparent 68%);*/
    /*mask-image: linear-gradient(transparent, black 10%, black 70%, transparent 100%);*/
   
}

.marquee__group__three {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  /*justify-content: space-between;*/
  gap: .1rem;
  min-width: 100%;
  animation: scroll 20s linear infinite reverse;
  overflow-x: hidden;
  vertical-align: middle;
  display: inline-block;
}


@keyframes scroll {

  100% {
    transform: translateX(-1260px);
  }

}
​




/*lllllllllllllllllllllllllllllllllllllllllllllllllll*/

ul {
  display: table;
  margin: 0 auto;
}