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

body {
  background-color: #000000;
  font-family: sans-serif;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

canvas {
  background-color: #000000;
  display: block;
  position: fixed;
  z-index: 1;
}

h3 {
  font-size: 16px;
  font-family: "PT Mono", monospace;
}

.content {
  align-items: center;
  background: transparent;
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
}

.headshot {
  background: transparent;
  position: absolute;
  width: 280px;
  height: auto;
  z-index: 2;

  /* https://stackoverflow.com/a/7018415/8761234 */
  -webkit-user-select: none; /* Chrome/Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */

  /* Rules below not implemented in browsers yet */
  -o-user-select: none;
  user-select: none;
}

.buttons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 800px;
  z-index: 2;

  /* 
   * disable all text selection 
   * c/o: https://stackoverflow.com/a/4407335/8761234
  */
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}