@font-face {
  font-family: 'Berkeley';
  src: url('/assets/fonts/BerkeleyMono-Bold.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Berkeley';
  src: url('/assets/fonts/BerkeleyMono-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

html,body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
  background-color: #000;
  font-family: 'Berkeley', monospace;
  font-size: larger;
  color: #fff;
}

main {
    justify-content: center;
    align-items: center;
    height: 100%;
}

a {
    color: #fff;
    text-decoration: underline;
}

a::after {
    color: #fff;
}

.container-div {
    margin-top:20%;
    text-align: center;
    align-items: center;
}

.stacked-div {
    display: block;
    width: 100%;
}

.highlight {
    background-color: #6600ff;
}

button {
    width:20%;
    padding: 10px;
    font-size:large;
    font-family: 'Berkeley', monospace;
}
input {
    width:20%;
    padding: 10px;
    font-size:large;
    font-family: 'Berkeley', monospace;
}