body {
  margin: 0;
  background-color: #041626;
  font-size: 1.3em;
  overscroll-behavior: none;
  cursor: wait;
}

#loading {
  width: fit-content;
  color: #2c5c88;
  font-size: 1.3em;
  top: 20vh;
  margin: auto;
}

#loadingMessage {
  margin-bottom: 0.5em;
}

#labyTable {
  width: 230px;
  height: 230px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20vh;
  margin-bottom: 5vh;
  border-collapse: collapse;
}

#labyTable td {
  width: 10px;
  height: 10px;
  transition: background-color 1s;
  border: 0;
  padding: 0;
}

.wall {
  background-color: transparent;
}

.ground {
  background-color: #214464;
}

#container {
  position: absolute;
  z-index: 0;
  cursor: move;
}

@keyframes escaped{
  0% {
    opacity: 0%;
    top: 90vh; 
  }
  100% {
    opacity: 100%;
    top: 30vh;
  }
}

#message {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  background: transparent;
  justify-content: center;
  z-index: 1;
  color: gray;
  font-family: Times, "Times New Roman", Georgia, serif;
}

#message a {
  color: inherit;
}

#message.escaped {
  display: block; 
  opacity: 100%;
  font-size: 4vh;
  text-align: center;
  top: 30vh;
  animation: escaped 5s;
}