@font-face {
    font-family: 'Press Start 2P';
    src: url('PressStart2P-Regular.eot');
    src: url('PressStart2P-Regular.eot?#iefix') format('embedded-opentype'),
        url('PressStart2P-Regular.woff2') format('woff2'),
        url('PressStart2P-Regular.woff') format('woff'),
        url('PressStart2P-Regular.ttf') format('truetype'),
        url('PressStart2P-Regular.svg#PressStart2P-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.your-style {
    font-family: 'Press Start 2P';
    font-weight: normal;
    font-style: normal;
}


.animate-charcter
{
   text-transform: uppercase;
  background-image: linear-gradient(
    -225deg,
    #231557 0%,
    #44107a 29%,
    #ff1361 67%,
    #fff800 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  
      
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}

body {
    margin-bottom:0px;
    /* line-height: 100%; */
}

p {
    font-family: 'Press Start 2P';
    font-weight: 20;
    color: white;
    text-align:center;
    font-size: 10px !important;
}

.white{
    color: white;
}

.font{
    font-family: 'Press Start 2P';
}

.container{
  /* margin: 5rem; */
  padding: 5rem;
}

.card3container{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2rem;
}

.card3{
  flex: 1 1 20%;
  

  > h3 {
    text-align: center;
  }
}
.center{
  text-align: center;
}

footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  color: white;
  background-color: black;
  text-align: center;
}