:root {
    --accent: #80aabb;
    --border: 1px solid #80aabb55;
    --bg2: #111;
}

hr {
    border: var(--border);
    border-bottom: none;
}

ul {
    margin-top: 0px;
    margin-bottom: 0px;
}

body {
    background: black;
    color: #dfdfdf;
    font-family: serif;
}

a[href] {
    color: var(--accent);
}

.connect {
    color: var(--accent);
    font-family: monospace;
    background: var(--bg2);
    border: var(--border);
    display: inline;
    padding: 0px 3px;
    word-wrap: break-word;
}
/* 
.sl0w {
    color: var(--accent);
    animation: spin 3s linear infinite;
    display: inline-block;
    font-family: sans-serif;
    margin-left: 20px;
}

@keyframes spin {
    from {
        transform: rotate3d(-0.1, 1, 0, -90deg);
        filter: brightness(140%);
    }

    to {
        transform: rotate3d(0.1, 1, 0, 90deg);
        filter: brightness(60%);
    }
} */

h1, h2, h3, h4, h5, h6 {
    margin: 0px;
    padding: 0px;
}

.pad {
    padding: 3px;
}

video {
    filter: hue-rotate(-22deg);
    width: 150px;
}