body {
    margin: 0;
      min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
  background: rgb(47, 47, 47);
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      color: #ffffff;
}

.content{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}
.links {
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
    }

    .links a {
      color: hsl(48, 100%, 70%);
      text-decoration: none;
      font-size: 1rem;
    }
    .links a:hover,
    .links a:focus-visible {
      text-decoration: underline;
      outline: none;
    }

    img {
        width: min(100%, 320px);
      height: auto;
      image-rendering: pixelated;
      transform-origin: center;
    }