serverErr.css

.whole-page-container {
  /* Inherits With pages.css */
  flex-direction: column;
}
.server-page {
  width: 90%;
  height: 70%;
  display: flex;
  justify-content: center;
  align-items: center;
}
svg {
  width: 100%;
  height: 80%;
  margin: 0 auto;
}
.err-msg {
  font-size: 3rem;
  color: #fff;
  text-shadow: 5px 5px 15px rgb(2, 121, 2);
}
#back-home-btn {
  position: absolute;
  --btn-color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  padding: 0.5% 3%;
  background: transparent;
  border: 1px solid var(--btn-color);
  border-radius: 10px;
  color: var(--btn-color);
  bottom: 10%;
  text-decoration: none;
  transition: background 0.2s ease;
}
#back-home-btn:hover {
  cursor: pointer;
  background: rgba(255, 255, 255, 0.2);
  transition: background 0.3s ease;
}

/* MOBILE */
@media screen and (max-width: 425px) {
  .err-msg {
    font-size: 1.5rem;
    margin-bottom: -3rem;
  }
  svg {
    width: 90%;
    height: 60%;
  }
  #back-home-btn {
    bottom: 15%;
  }
}