html {
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-color: #01349d;
  color: white;
  text-align: center;
  overflow: hidden;
}

h1 {
  text-shadow: 0.1em 0.1em 0.2em black;
  font-size: 25px;
  color: white;
}

a {
  text-decoration: none;
}

#progress {
  display: block;
}

#menu {
  display: block;
}

#crypto {
  display: none;
}

#tools {
  display: none;
}

#lnx {
  display: none;
}

#mods {
  display: none;
}

#console {
  display: none;
}

.btn {
  background-color: #003263;
  color: white;
  width: 227px;
  height: 46px;
  padding-bottom: 5px;
  text-align: center;
  font-size: 20px;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: 5px;
  margin-right: 5px;
  border-style: none;
  transition-duration: 0.4s;
  cursor: pointer;
  border-radius: 4px;
}

.btn:hover {
  background-color: #0069d9;
}

.btn-alt {
  background-color: #b10000;
}

.btn-alt:hover {
  background-color: #f31414;
}

.btn-onln {
  background-color: #076300;
}

.btn-onln:hover {
  background-color: #18891b;
}

.btn-toolbox {
  background-color: #ae2301;
}

.btn-toolbox:hover {
  background-color: #d42a01;
}

.btn-ps5 {
  background-color: #3d3f4e;
}

.btn-ps5:hover {
  background-color: #c2c2c2;
  color: #303030;
}

.logo {
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.info {
  overflow: hidden;
  position: fixed;
  position: absolute;
  top: 45%;
  left: 50%;
  font-size: 25px;
  font-family: sans-serif;
  color: #e4e6eb;
  transform: translate(-50%, -50%);
}