body {
  background-image: url("/images/background.jpg");
  color: #ffffff;
  font-family: monospace;
  width: 100%;
  height: 100%;
}

.azmzazkfjiezhu {
  display: flex;
  flex-direction: row;
}

.main-container {
  width: 80%;
}

.side-container {
  width: 20%;
}

p {
  width: fit-content;
}

h1 {
  height: 3rem;
}

a {
  font-weight: bold;
  animation-name: blink;
  animation-duration: 500ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear; 
}

table {
  border: 2px solid #ffffff;
}

th,
td {
  border: 1px solid white;
  padding: 8px 10px;
}

@keyframes blink {
  from {
    color: #FFEEEE
  }
  to {
    color: #EEEEFF
  }
}

.medium-image {
  height: 7vh;
}

.skull:hover {
  height: 8vh;
}

.spinning {
  animation-name: spin;
  animation-duration: 2500ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear; 
}

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}