Untitled

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <style media="screen">
      body {
        background: #2a2a2a;
      }
      table {
        width: 100%;
      }
      td {
        border: 1px solid black;
        text-align: center;
        color: white;
        font-family: "Arial";
        font-size: 20px;
      }
      th {
        color: rgb(233,11,70);
        font-family: "Arial";
        font-size: 25px;
      }
      h1 {
        position: absolute;
        top: 50%;
        left: 35%;
        transform: translate(-50%,-50%);
        color: yellow;
        font-size: 70px;
        font-family: "Arial";
        animation: forogjgeci 2s linear infinite;
      }
      @keyframes forogjgeci {
        0% {
          transform: rotate(0);
          color: yellow;
        }
        25% {
          color: white;
        }
        50% {
          color: rgb(233,11,70);
        }
        100% {
          transform: rotate(360deg);
          color: green;
        }
      }
    </style>
  </head>
  <body>
    <table>
      <tr>
        <th>Hetfo</th>
        <th>Kedd</th>
        <th>Szerda</th>
        <th>Csutortok</th>
        <th>Péntek</th>
      </tr>
      <tr>
        <td>Programozas</td>
        <td>Robot programozás feat. Bakti</td>
        <td>Programozas</td>
        <td>Programozas</td>
        <td>Lil Huri x Mr. Robot</td>
      </tr>
      <tr>
        <td>Robot programozás feat. Bakti</td>
        <td>Programozas</td>
        <td>Programozas</td>
        <td>Programozas</td>
        <td>Programozas</td>
      </tr>
      <tr>
        <td>Lil Huri x Mr. Robot</td>
        <td>Programozas</td>
        <td>Programozas</td>
        <td>Programozas</td>
        <td>Programozas</td>
      </tr>
    </table>
    <h1>BAKTI A KIRALY</h1>
  </body>
</html>