* {
  /* box-sizing: border-box; */
  margin: 0;
  padding: 0;
}
section {
  position: relative;
  width: 100%;
  height: 100vh;
  background: #111;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
section .row {
  position: relative;
  width: 100%;
  display: flex;
  padding: 10px 0;
  white-space: nowrap;
  font-size: 64px;
  transform: rotate(-30deg);
  top: -650px
}
i {
  color:rgba(0, 0, 0, .5);
  transition: 1s;
  padding: 0 5px;
  user-select: none;
  cursor: default;
}
i:hover {
  transition: 0s;
  color: #3a07f5;
  text-shadow: 0 0 120px #3a07f5;
}
section .row div {
  animation: animate 80s linear infinite;
  animation-delay: -80s;
}
section .row div:nth-child(2) {
  animation: animate2 80s linear infinite;
  animation-delay: -40s;
}
@keyframes animate
{
  0%
  {
    transform: translateX(100%)
  }
  100%
  {
    transform: translateX(-100%)
  }
}
@keyframes animate2
{
  0%
  {
    transform: translateX(0%)
  }
  100%
  {
    transform: translateX(-200%)
  }
}


section .row:nth-child(even) div {
  animation: animate3 80s linear infinite;
  animation-delay: -80s;
}
section .row:nth-child(even) div:nth-child(2) {
  animation: animate4 80s linear infinite;
  animation-delay: -40s;
}
@keyframes animate3
{
  0%
  {
    transform: translateX(-100%)
  }
  100%
  {
    transform: translateX(100%)
  }
}
@keyframes animate4
{
  0%
  {
    transform: translateX(-200%)
  }
  100%
  {
    transform: translateX(-0%)
  }
}
main {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #faf6f6;
  text-align: center;
  transform: translate(-50%, -50%); 
}

h1 {
  font-size: 3rem;
  color:#061ea7
}
p {
  font-size: 1.2rem;
}

/* footer */

footer {
  position: absolute;
  /* border: 1px solid red; */
  bottom: 0;
  left: 50%;
  /* right: 0; */
  /* left: 0; */
  color:#faf6f6;
  text-align: center;
  padding: 10px 10px 0 10px;
  transform: translate(-50%, -50%); 
  font-size: .6rem;
}

footer .copyright {
  margin-bottom: 10px;
}

@media(min-width: 768px) {
  h1 {
  font-size: 5rem;
  }

  p {
    font-size: 2rem;
  }

  footer {
    font-size: 1rem;
  }
}