html
{
    background-image: linear-gradient(rgb(27, 27, 27), black);
}

.container
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    transform: translate(0%, 65%);
    width: 256px;
}

img
{
  /* position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); */
  width: 256px;
  height: 256px;
  margin-bottom: 20px;
}

a
{
    color: white;
    text-decoration: none;
    font-family: 'Courier New', Courier, monospace;
    font-weight: bold;
    position: absolute;
    top: 95%;
    left: 50%;
    transform: translate(-50%, -50%);
}
a.upper
{
    top: 90%;
}

h3
{
    color: white;
    font-weight: bold;
    font-family: 'Courier New', Courier, monospace;
    text-align: center;
    margin-top: 50px;
}

button
{
    color: white;
    background-image: linear-gradient(rgb(44, 44, 44), rgb(31, 31, 31));
    text-decoration: none;
    font-family: 'Courier New', Courier, monospace;
    font-weight: bold;
    /* position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -50%); */
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 15px;
    border-radius: 16px;
    font-size: 20px;
}