body {
    padding: 0;
    height: 100%;
    background: linear-gradient(to bottom right, rgb(106, 32, 175), blueviolet, rgb(169, 93, 240), aliceblue, rgb(250, 251, 252));
}

div {
    max-width: 52vw;
    min-height: 90vh;
    color: azure;
    padding: 1em;
    margin-left: 2em;
    background-color: rgb(0, 0, 0, 0.4);
    border-radius: 10px;
}

h1 {
    font-size: 5em;
    font-family: "Special Gothic Expanded One", sans-serif;
    font-weight: 400;
    font-style: normal;
    justify-self: center;
    margin: 1em 0;
}

p {
    line-height: 1.6;
    font-family: 'Roboto', sans-serif;
}

a {
    font-style: italic;
    color: rgb(104, 248, 248);
    text-decoration: none;
}

@media (max-width: 500px) {
    div {
        max-width: 82vw;
        margin-left: 1em;
    }

    h1 {
        font-size: 2.6em;
    }
}

@media (min-width: 501px) and (max-width: 800px){
    div {
        max-width: 85vw;
        margin-left: 1em;
    }
}