body{
  width: 100vw;
  height: 100vh;
  background-color: black;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 0;
  padding: 0;

  #container{
    width: 100vw;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0.2;

    background: url("./Robot.gif") no-repeat center;
  }
  
}

#info{
  color: white;
  /* font-size: 5rem; */
  text-align: center;
  span{
    text-shadow: 1px 1px 1px #919191,
      1px 2px 1px #919191,
      1px 3px 1px #919191,
      
      1px 5px 1px rgba(16, 16, 16, 0.4),
      1px 7px 1px rgba(16, 16, 16, 0.2),
      1px 9px 1px rgba(16, 16, 16, 0.2);

  }
}

#site-name{
  color: white;
  text-transform: uppercase;
  animation: textColor 2s infinite alternate;

}

@keyframes textColor{
  from{
    color: white;
    text-shadow: 0rem 0rem 1rem white;
    font-size: 0.85rem;
  }
  to{
    color: cyan;
    text-shadow: 0rem 0rem 1rem cyan;
  }
}