html{
  background-color: #111;
  color: white;
  margin: 1vw;
  border: 0vw;
  padding: 0vw;
  font-family: Roboto, sans-serif;
  font-size: 1pc;
}


canvas {
  display: block;
}

a:link, a:visited {
  color: #3ea6ff;
  text-decoration: underline;
  cursor: pointer;
}

textarea {
  outline: none;
  resize: none;
  background-color: #44444411;
  color: white;
  font-size: 3vh;
  vertical-align: middle;
  font-family: Roboto, sans-serif;
  padding-left: 1vh;
  padding-right: 1vh;
  height: 15vh;
  width: 94vw;
  border-color: deepSkyBlue;
  border-style: solid;
  border-radius: 2vh;
  border-width: medium;
  box-shadow: 0 0 2vh 1vh black;
}
textarea:focus {
  box-shadow: 0 0 3vh dimGrey;
  background-color: black;
}
textarea:hover {
  box-shadow: 0 0 3vh dimGrey;
}
textarea::placeholder {
  color: #999;
}
textarea:focus::placeholder {
  color: #888;
}
textarea::-webkit-scrollbar {
  width: 0;
}

.bottom {
  font-size: 2.5 vh;
  position: fixed;
  bottom: 0;
}

button {
  background: none;
  color: white;
  font-family: Roboto, sans-serif;
  font-size: 2.5vh;
  border-color: white;
  border-style: solid;
  border-radius: 1vh;
  border-width: 2px;
  outline: none;

  transition: all 0.3s;
}

.button-open {
  height: 6vh;
  width: 22vh;
}

#button-copy {
  height: 4.5vh;
  width: 10vh;
}

button:hover {
  cursor: pointer;
  font-weight: bold;
  background-color: white;
  color: black;
}

button:active {
  border: transparent;
  background: none;
  color: white;
  font-weight: normal;
  transition: none;
}

div {
  font-size: 1pc;
}