body {
    font-family: "Droid Sans Mono", monospace;
    background-color: #0b2b40;
    color: white;
    margin: 0 1vw;
    width: 98vw;
    height: 100svh;
    display: flex;
    flex-direction: column;
    align-items: center;
}

h1 {
    font-size: max(4vw, 4em);
}

h2 {
    font-size: 1.5em;
}

h3 {
    font-size: 1.25em;
}

a {
    color: gray;
}

a:hover {
    color: white;
}

p {
    max-width: min(90vw, 1000px);
}

.hero {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    justify-content: center;
}

.list-item {
    font-size: max(1.5vw, 1em);
}

.list-item::before {
    content: "↪";
    padding-right: 5px;
}

@media (max-width: 768px) {
    h1 {
        font-size: 10vw;
    }

    .list-item{
        font-size: 5vw;
    }
}