/* HTML Elements */
a {
    color: white;
}

body{
  background-color: rgb(32, 32, 32);
  background-image: linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), linear-gradient(45deg, black 25%, transparent 25%, transparent 75%, black 75%, black), linear-gradient(to bottom, rgb(8, 8, 8), rgb(32, 32, 32));
  background-size: 10px 10px, 10px 10px, 10px 5px;
  background-position: 0px 0px, 5px 5px, 0px 0px;
  margin: 0%;
}


/* Classes */
.container {
  height: 100%;
  width: 100%;
  display: flex;
  position: fixed;
  align-items: center;
  justify-content: center;
}

.info{
    font-size: 36px;
    text-align: center;
    color: lightgrey;
}
.info p{
    font-size: 36px
}

.name{
    font-size: 66px;
    color: darkred;
    text-align: center;
}

.profile-picture{
  margin-top: 450px;
  margin-left: 100px;
  height: 100%;
  width: 100%;
  display: flex;
  position: fixed;
  align-items: center;
  justify-content: center;
  opacity: 25%;
  z-index: -1;
}