html {
  font-size: 18px;
}

body {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80vh;
  color: #ffffff;
}

.container {
  text-align: center;;
  width: 37rem;
  font-size: 1rem;
}

.container > .logo {
  width: 15rem;
}

.container table {
  width: 100%;
  border: .1rem solid rgba(255, 255, 255, .4);
  border-collapse: collapse;
}

.container table tr:hover {
  background-color: rgba(255, 255, 255, .2);
}

.container table th, .container table td {
  border: .1rem solid rgba(255, 255, 255, .4);
  padding: .5rem;
  text-align: left;
}

.container table th {
  font-weight: bold;
  width: 40%;
}