teaching.css

table, th, td {
  border: 1px solid black;
  background-color: rgb(228, 204, 170);
}

#fun {
  font-size: 12px;
  margin-bottom: 5em;

}
body {
  background-color: lightcoral;
}

.check {
   bg: #10111F;
    width: 100%;
    height: 1px;
    display: block;
    position: fixed;
    margin-bottom: 0em;
    padding: 2em 0;

}
:after, :before {

        content: "";
        position: absolute;

        width: 100%;
        height: 6px; /*2*/
        bottom: 5%; /*70% */
        left: 0;

    }

  :before {
    background: linear-gradient( 90deg, 50%, transparent 50%, transparent 100% );
    background-position: center;
    z-index: 1;

   }

  :after {

      transition: opacity 0.3s ease, animation 0.3s ease;

      background: linear-gradient(
          to right, 
          #62efab 5%, 
          #F2EA7D 15%, 
          #F2EA7D 25%, 
          #FF8797 35%, 
          #FF8797 45%, 
          #e1a4f4 55%, 
          #e1a4f4 65%, 
          #82fff4 75%, 
          #82fff4 85%, 
          #62efab 95%);

        background-size: 200%;
        background-position: 0%;
        animation: bar 40s linear infinite;
    }

    @keyframes bar {

        0% { background-position: 0%; }
        100% { background-position: 200%; }

    }
    :hover 
      :before {
          animation-duration: 20s;
      }
      :after {
          animation-duration: 2s;
      }
  
footer {
  text-align: center;
  padding-top: 10%;
}