body {
  margin: 0;
  padding: 0;
  background-color: rgb(205, 208, 285);
}

#pic {
  position: fixed;
  margin: 0;
  padding: 0;
  transform: scale(2);
}

#glitch {
  position: fixed;
  margin: 0;
  padding: 0;
  transform: scale(3.3);
}

#chrome {
  position: fixed;
  margin: 0;
  padding: 0;
  transform: scale(1.1);
}

#scanner {
  position: fixed;
  margin-top: 25vh;
  margin-left: 10vw;
  transform: scale(1.3);
}

#text {
  position: fixed;
  color: navy;
  font-size: 130%;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  margin-top: 30vh;
  margin-left: 60vw;
  margin-right: 5vw;
}

#sign {
  color: navy;
  font-size: 200%;
  text-decoration: none;
  margin-left: 90%;
  animation: blinker 2s linear infinite;
}

#sign1 {
  color: navy;
  font-size: 100%;
  font-weight: bold;
  text-decoration: none;
  /* margin-left: 30%; */
  animation: blinker1 2s linear infinite;
}

#sign2 {
  color: blueviolet;
  font-size: 100%;
  font-weight: bold;
  text-decoration: none;
  /* margin-left: 30%; */
  animation: blinker2 2s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

@keyframes blinker1 {
  50% {
    opacity: 30;
    color: blueviolet;
  }
}

@keyframes blinker2 {
  50% {
    opacity: 30;
    color: navy;
  }
}

#audio {
  position: fixed;
  margin-top: 70vh;
  margin-left: 60vw;
  display: grid;
}

#audio1 {
  position: fixed;
  margin-top: 75vh;
  margin-left: 60vw;
  display: grid;
}