@media (orientation: portrait) {
  body {
    background: #fff url(../Images/roboerror.svg) no-repeat fixed right 30px bottom 30px;
    background-size: 70% auto;
  }
}
@media (orientation: landscape) {
  body {
    background: #fff url(../Images/roboerror.svg) no-repeat fixed right 30px bottom 30px;
    background-size: auto 70%;
  }
}
ul {
  list-style-type: none;
  padding: 0;
  display: block;
}

li {
  font-size: 12pt;
  display: block;
  padding: 1rem;
  margin: -12px;
}

.center {
  position: absolute;
  top: 40%;
  transform: translate(0, -50%);
  padding: 10px;
  left: 8%;
}