@import url("https://fonts.googleapis.com/css?family=Bungee");

@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');

body {
  background: #000f2e;
  color: white;
  font-family: "Bungee", cursive;
  margin-top: 50px;
  text-align: center;
}

h1,h2,p {
  font-family: "Questrial", sans-serif;
  font-weight: 400;
  font-style: normal;
}

a {
  color: #fe4d4f;
  text-decoration: none;
}
a:hover {
  color: white;
}
svg {
  width: 50vw;
}
.lightblue {
  fill: #444;
}
.eye {
  cx: calc(115px + 30px * var(--mouse-x));
  cy: calc(50px + 30px * var(--mouse-y));
}
#eye-wrap {
  overflow: hidden;
}
.error-text {
  font-size: 120px;
}
.alarm {
  animation: alarmOn 0.5s infinite;
}

@keyframes alarmOn {
  to {
    fill: darkred;
  }
}