
html,
body {
  background-color: rgb(34, 34, 34);
  width: 100%;
  height: 160%;
  margin: 0;
  padding: 0;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.projHeader {
  position: fixed;
  color: skyblue;
  left: 15vw;
  top: 10vh;
  font-size: 5vmin;
  animation-name: fadeIn;
  animation-duration: 1s;
}

.item {
  color: white;

}
.taby {
  display: inline-block;
  margin-left: 4em;
}
.item>.text {
  position: relative;
  margin-left: 35vw;
  margin-top: -25vh;
  width: 21.45vw;
  text-align: left;
  color: white;
  font-size:1.6vmin;
}

.content {
  position: absolute;
  left: 17.5vw;
  top: 17.5vh;
  animation-name: fadeIn;
  animation-duration: 2s;
}

.spacer {
  height: 5vh;
}

.item>h3 {
  margin-left: 2.5vw;
  font-size: 3vmin;
  color: skyblue;
}

.linksFooterBG {
  position: fixed;
  opacity: 90%;
  bottom: 0%;
  left: 0;
  width: 100%;
  height: 10%;
  background-color: rgb(20, 20, 20);
  animation-name: fadeIn;
  animation-duration: 1s;
}

.linksFooter {

  position: fixed;

  left: 30vw;
  bottom: 3vh;
  animation-name: fadeIn;
  animation-duration: 1s;
}