:root {
    --super-pink: #FF00FF;
    --light-pink: hsl(300deg 100% 81%);
}

body {
    font-family: monospace;
    background: repeating-conic-gradient(from 0deg, black 0deg 90deg, var(--super-pink) 90deg 180deg);
    background-size: 40px 40px;
    color: white;
    text-shadow: 2px 2px 0px black, 2px -2px 0px black, -2px -2px 0px black, -2px 2px 0px black,
        1px 1px 0px black, 1px -1px 0px black, -1px -1px 0px black, -1px 1px 0px black;
}

.heading, .submeta {
    background: hsla(0, 0%, 0%, 80%);
    backdrop-filter: blur(2px);
}

.heading {
    border-bottom: 5px solid black;
    z-index: 10000;
}

.heading img {
    filter: hue-rotate(200deg);
}

.content {
    margin-top: 3em;

    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px 4px;
}

.dd img {
    border: 5px outset white;
}

.submeta {
    margin-top: 0px;
}

a {
    color: white;
}

a:hover {
    color: black;
    text-shadow: 2px 2px 0px var(--super-pink), 2px -2px 0px var(--super-pink), -2px -2px 0px var(--super-pink), -2px 2px 0px var(--super-pink),
        1px 1px 0px var(--super-pink), 1px -1px 0px var(--super-pink), -1px -1px 0px var(--super-pink), -1px 1px 0px var(--super-pink);
}

.vid1, .vid2, .vid3 {
    background: var(--light-pink);
    box-shadow: inset 0 -6px 0 0 hsla(0deg, 0%, 0%, 50%), inset 6px 0 0 0 hsla(0deg, 0%, 0%, 50%);
    height: auto;
}

.thumb {
    border: 4px solid hsla(0deg, 0%, 0%, 70%);
}

.meta {
    background: hsla(0deg, 0%, 100%, 40%);
}

/* Fix flex alignments */
.submeta {
    flex-basis: 80%;
}

/* Video styles */

/* kerf */
div.u14fryeevruinrqi5o {
    box-shadow: 3px 3px 10px hsl(195 100% 72%);
    border: 2px solid white;
    background: hsl(195 100% 72%);
}

/* witcher 3 mfs */
div.r4cdak2516v1be8k0i {
    border: 3px solid #7c0000;
    border-radius: 16px;
    background: #272727;
}

/* i was never book smart */
div.snnuhihcbjm40yyrp7 {
    background: url("https://snekmo.snekki.moe/proxy?url=https://snekmo.snekki.moe/thumb?id=snnuhihcbjm40yyrp7");
    background-size: 70% 40%;
}

div.snnuhihcbjm40yyrp7 .meta {
    background: hsla(0deg, 100%, 100%, 20%);
    font-family: sans-serif;
    text-shadow: none;
}

div.snnuhihcbjm40yyrp7 .meta a {
    animation: booksmarttext linear 3s infinite alternate;
    color: red;
}

@keyframes booksmarttext {
    from {
        color: red;
    }
    33% {
        color: blue;
    }
    66% {
        color: orange;
    }
    to {
        color: lime;
    }
}

/* jerma's got a feeling */
div.omwsn91fztd2tj0doo::before {
    font-family: sans-serif;
    font-size: 25px;
    content: "first time singing on stream \A \A \A \A \A \A \A \A Be Nice :)";
    margin-left: -10px;
    margin-top: -30px;
    position: absolute;
    width: 300px;
    text-shadow: none;
    white-space: pre-wrap;
}

div.omwsn91fztd2tj0doo {
    padding-top: 40px;
    background: #111111;
}

/* ao oni */
div.\38 s4ym6x5xstzbpcsuu {
    background: #1b1b1b;
    border: 4px solid #7004cf;
}

/* ghetto smosh valley */
div.\37 d32cx1rr5bh63o5ua {
    background: #aa7d5a;
    border-radius: 15px 5px 30px 2px;
    transform: rotate(-5deg) scale(95%);
}

div.\37 d32cx1rr5bh63o5ua img {
    transform: rotate(5deg);
}

/* neco arc starboy */
div.bzsx02w3amgehs582m {
    background: #360000;
}

div.bzsx02w3amgehs582m .meta {
    background: hsl(0deg 94.18% 50.14% / 15%);
    text-shadow: none;
    font-family: sans-serif;
    font-weight: 900;
}

div.bzsx02w3amgehs582m .meta a {
    color: #ffcf00;
}

div.bzsx02w3amgehs582m .meta {
    background: hsl(0deg 94.18% 50.14% / 15%);
}

/* hawk tuah */
div.\35 gy9495hgsara08p60 {
    background: #00F;
    border: none;
    box-shadow: 5px 5px 0px hsla(0deg, 0%, 0%, 80%);
    border-radius: 0;
    transform: scale(60%) scaleX(170%) translateY(-30px);
}

div.\35 gy9495hgsara08p60 a {
    text-shadow: 3px 10px 1px lime;
    color: red;
    font-family: sans-serif;
    font-weight: 100;
}


/* digital circus fans */
@property --degree-offset {
  syntax: "<angle>";
  initial-value: 1deg;
  inherits: true;
}

div.\33 dbnvqig0kfs3hebml {
    border: 1px solid blue;
    --degree-offset: 0.0deg;
    background: repeating-conic-gradient(from var(--degree-offset), #f32e53 0deg 30deg, #1e64ff 30deg 60deg);
    animation: digitalcircusfans 10s infinite;
    animation-timing-function: linear;
}

@keyframes digitalcircusfans {
    from {
        --degree-offset: 0.0deg;
    }
    to {
        --degree-offset: 360.0deg;
    }
}

div.\33 dbnvqig0kfs3hebml .meta {
    text-shadow: 1px 1px red, -1px -1px blue;
}

/* scary lugi */
div.fbsdisht0wdumhtlt7 {
    background: black;
    border-radius: 4px;
    border: 1px solid green;
    box-shadow: 0px 0px 50px lime;
    text-shadow: none;
}

div.fbsdisht0wdumhtlt7 .meta {
    border-radius: 5px 3px 2px 1px;
    transform: skewY(-2deg);
    background: hsl(118deg 90.47% 46.7% / 20%);
}

div.fbsdisht0wdumhtlt7 .meta a {
    transform: skewY(2deg);
    color: lime;
}

/* when own won total drama island */
div.jin7gujrozoja7nn33 {
    background: #ffcf00;
    border-radius: 0px;
    border: none;
    box-shadow: 1px 1px #7c6606, 2px 2px #7c6606, 3px 3px #7c6606, 4px 4px #7c6606, 5px 5px #7c6606, 6px 6px #7c6606,
                7px 7px #7c6606, 8px 8px #7c6606;
}

div.jin7gujrozoja7nn33 img {
    border-radius: 0px;
    border: 2px solid white;
    box-shadow: 1px 1px white, 2px 2px white, 3px 3px white, 4px 4px white, 5px 5px white;
    transform: translate(-5px, -5px);
}

div.jin7gujrozoja7nn33 .meta {
    font-family: sans-serif;
    text-shadow: 1px 1px black, 2px 2px black, 3px 3px black;
}