body {
  padding-top: 70px;
  padding-right: 10px ;
  padding-left: 10px ;
  padding-bottom:40px ; 

  font-family: Helvetica, Arial, sans-serif;
  font-size: 50px;
  line-height: 1.3; 
  background-color: black;
  align-items: center;
}


 


}

.container {
  max-width:200px;
  margin-right: auto;
  margin-left: auto;}

  h1 {
  padding-bottom: 2px;
  font-size: 330%;
  font-weight: bold;
  line-height: 1;
  color:#FF7F50;
  background-color:#E6E6E6;

  text-align:center;
  overflow: hidden;
  background: linear-gradient(90deg, #000, #fff, #000);
  background-repeat: no-repeat;
  background-size: 80%;
  animation: animate 5s linear infinite;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255, 255, 255, 0);}

}

h1{

  font-size: 0px;
  color: black;
}


h2 {
  font-size: 60%;
  font-weight: bold;
  text-align: center;
  padding-bottom: 10px;
  color: white;

}

h3 { padding-bottom: 10px;
 
  font-size: 2em;
  letter-spacing: 4px;font-weight: bold;
  line-height: 1;
  color: #000000
  background-color:#E6E6E6;

  position: relative;
  text-align: center;
  font-family: sans-serif;
  text-transform: uppercase;

  overflow: hidden;
  background: linear-gradient(90deg, #000, #fff, #000);
  background-repeat: no-repeat;
  background-size: 80%;
  animation: animate 5.5s linear infinite;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255, 255, 255, 0);}





    p {
  font-size: 60%;
  line-height: 1.3;
  text-align: center;
  color: white;
  padding-right: 150px;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 150px;

}

@keyframes animate {
  0% {
    background-position: -500%;
  }
  100% {
    background-position: 500%;
  }

 a {
  background:
     linear-gradient(
       to bottom, var(--mainColor) 0%,
       var(--mainColor) 100%
     );
    background-position: 0 100%;
    background-repeat: repeat-x;
    background-size: 4px 4px;
  color: #000;
  text-decoration: none;
  transition: background-size .2s;
}

a:hover {
  background-size: 4px 50px;
}