.jetbrains {
    font-family: "JetBrains Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.cutive-mono-regular {
    font-family: "Cutive Mono", monospace;
    font-weight: 400;
    font-style: normal;
}

body {
    background-color: black;
    color: white;
    overflow-x: hidden;
    width: 100%;
}

a:link {
    color: white;
    font-weight: normal;
    text-decoration: underline;
}

a:visited {
    color: white;
    font-weight: normal;
    text-decoration: underline;
}

a:hover {
    color: white;
    font-weight: normal;
    text-decoration: underline;
    text-decoration-style: double;
}

a:active {
    color: white;
    font-weight: normal;
    text-decoration: underline;
    text-decoration-style: double;
}

.header pre {
    font-family: "JetBrains Mono", monospace;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    margin: 0
}

.header {
    max-width: 45em;
    display: flex;
    position: relative;
    flex-direction: row;
    margin: 0
}

.main {
    display: block;
    max-width: 45em;
    margin-top: 1em;
}

.highZ {
    z-index: 5;
}

.lowZ {
    z-index: 0;
}

#dryft {
    position: relative;
    left: 2em;
    top: 0;
}

#net {
    position: relative;
    right: 2em;
    top: 0;
}

.sea {
    position: absolute;
    top: 0;
    left: 0;
    color: blue;
}