html { 
    font-size: 62.5%; 
}

body { 
    font: 2.0rem Helvetica, sans-serif;
    color: #333;
    margin: 0;
}

article {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
}

h1 { 
    font-size: 5.0rem;
}

a { 
    color: rgb(161, 0, 11);
    text-decoration: none;
}

a:hover {
    color: rgb(226, 0, 15);
    text-decoration: none;
}

@media only screen and (min-width: 400px) {
    article {
        top: 50%;
        transform: translate(-50%, -50%);
        max-width: 50rem;
    }
}

#error {
    height: 100vh;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-flow: column;
  }