styles.css

body {
  margin: 0;
  padding: 0;
  background-color: #1d1d1d;
}

#canvas {
  z-index: -1;
  position: absolute;
  height: 100%;
  width: 100%;
}

noscript,
#small-screen-message {
  z-index: 10;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  p {
    font-size: 1.5rem;
    color: #f5f5f5;
  }
}

#small-screen-message {
  display: none;
}

@media (max-width: 1299px) {
  .top-right-button {
    display: none;
  }

  #canvas {
    display: none;
  }

  #small-screen-message {
    display: block;
  }
}

.top-right-button {
  z-index: 10;
  position: absolute;
  top: 3rem;
  right: 2rem;
}

#linkedin-button {
  a {
    background: #0e76a8;
    border-radius: 0.5rem;
    padding: 1rem;
    color: #fff;
    text-decoration: none;
    font-family: "Helvetica Neue";
  }

  a:link,
  a:visited {
    color: #fff;
  }

  a:active,
  a:hover {
    background: #084461;
    color: #fff;
  }
}