.Main_Title{
    color: aquamarine;
}
body{
    background: scroll;
}
table, th, td {
    border: 1px solid black;
  }

.info{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

  .container {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 equal-width columns */
    grid-gap: 10px; /* Spacing between grid items   
   */
  }
  
  .row {
    display: contents; /* Makes the row div not a grid item itself */

  }
  
  .item {
    border: 1px solid #ccc;
    padding: 10px;
    border: 0;
  }
  
  .item {
    border: 0px solid #ccc;
    padding: 5px;
  }
  .item table {
    margin-left: auto; 
    margin-right: auto;

  }

  .rainbow-text{
    font-size: 100px;
    position: relative;
    color: #000;
    background: #fff;
    mix-blend-mode: multiply;
    overflow: hidden;
    
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
    padding: 2px 4px 6px;
    margin: -2px -4px -6px;
  }
  .rainbow-text::before{
    content: "";
    position: absolute;
    top:0;right:0;bottom:0;left:-100%;
    background: white repeating-linear-gradient(90deg, #14ffe9 0%, #ffc800 16.66666%, #ff00e0 33.33333%, #14ffe9 50.0%);
    mix-blend-mode: screen;
    pointer-events: none;
    animation: move 1s linear infinite;
  }
  
  @keyframes move{
    0%{transform: translateX(0);}
    100%{transform: translateX(50%);}
  }
  
  @supports not (mix-blend-mode: multiply) {
    .rainbow-text{
    -webkit-text-fill-color: transparent;
    background-clip: text !important;
    background: white repeating-linear-gradient(90deg, #14ffe9, #ffc800, #ff00e0, #14ffe9);
      text-shadow: none;
    }
    .rainbow-text::before{ content: none; }
  }