@media (max-width: 440px) {
  body {
    left: -2%;
  }
  main {
    top: auto;
    left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url('/static/img/background.jpg');
    background-repeat: no-repeat;
    background-position: -100px 0;
    background-size: cover;
  }
  #content {
    width: 80%;
    height: 80%;
    position: relative;
    margin: 0;
    display: flex;
    flex-direction: column;
    background: #11111185;
    text-shadow: 3px 3px 2px black;
  }
  #icon {
    left: auto;
    right: auto;
    margin-top: 1%;
    margin-left: auto;
    margin-right: auto;
  }
  #user-info {
    font-size: 1.1em;
  }
  #links {
    position: fixed;
    bottom: 10%;
    left: 0;
    font-size: 1.8em;
    width: 50%;
    padding-left: 26%;
    padding-right: 24%;
  }
}
@media (max-height: 540px) {
  #unix.info {
    display: none;
  }
}