homepage.css

body {
    text-align: center;
    color: lightgray;
    background: linear-gradient(135deg, #800000, #000080);
    background-size: 100vw max(100%, 100vh);
}

h1#heading {
    width: 100%;
    vertical-align: middle;
    font-size: 5rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

p {
    font-size: 1.5rem;
    padding-top: 2rem;
}

p#link {
    font-size: 2rem;
    padding-top: 4rem;
}

a.homepage-override {
    font-style: normal;
    color: lightblue;
}

@media (max-width: 800px) {
    h1#heading {
        font-size: 3rem;
        padding-top: 1rem;
        padding-bottom: 2rem;
    }

    p {
        font-size: 1rem;
        padding-top: 1.5rem;
    }

    p#link {
        font-size: 1.5rem;
        padding-top: 2.5rem;
    }
}