body {
  background-image: url("bg/frogs.jpg");
  background-size: cover;
  background-position: center;
  font-family: monospace, monospace;
  font-size: 25px;
  color: #e6e6fa;
}

table, th, td {
  border: 1px solid black;
}

.settings {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 14px;
}

option, select {
  width: 70px;
  font-family: monospace, monospace;
  background: grey;
}

.container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.link-container {
  width: 300px;
  background: rgba(255, 255, 50, 0.11);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  border: 1px solid rgba(255, 255, 255, 0.26);
  padding: 20px;
}

.link {
  color: #e6e6fa;
  text-decoration: none;
}

.link:hover {
  color: #FF3F33;
  text-decoration: none;
}