h1, h2, h3, b {
    color: red;
}

p, span, lu, li, table, tr, td, center {
    /*backdrop-filter: blur(6px);*/
    color: pink;
}

hr {
    height: 2px;
    background-color: red;
    border: none;
    width: 100%;
}

html {
}

body {
    margin: 0; padding: 0;
    background: red;
    color: red;
    font-family: "JetBrains Mono", "Fira Code", "Courier New", monospace;
    font-size: 18px;
    line-height: 1.7;
    display: flex;
    justify-content: center;
    backdrop-filter: blur(6px);
    background-image: url('flesh.png');
    background-repeat: repeat;
    background-size: auto;
    animation: scrollTexture 10s linear infinite;
}

div.hate {
    background: rgba(0, 0, 0, 0.7);
    padding: 3rem 1.5rem;
}

main {
    max-width: 700px;
    width: 100%;
    padding: 3rem 1.5rem;
}

a {
    color: violet;
}

@keyframes scrollTexture {
    0% { background-position: 0% 0; }
    50% { background-position: 100% 0; }
    100% { background-position: 0% 0; }
}

div.science {
    height: 300px;
}

table tr:first-child td {
    text-align: center;
    border-bottom: 3px solid #333;
}

audio::-webkit-media-controls-play-button {
    background-color: red; /* This was just randomly picked by computer god */
    margin-radius: 50%; /* not from computer god, but looks nice on Chrome */
}

audio::-webkit-media-controls-enclosure {
    border-radius: 0;
    background-color: black;
}

/* Style the progress bar */
audio::-webkit-media-controls-timeline {
    color: #FF5722;
}

audio {
    height: 24px;
}

#back {
font-size: 8px;
padding: 0px;
margin: 0px;
}