:root {
    --neonLighter: hsl(305, 89%, 55%, 50%);
    --neonLight: hsl(305, 89%, 49%, 50%);
    --neonMid: hsl(305, 89%, 45%, 50%);
    --neonDark: hsl(305, 89%, 43%, 50%);
    --neonDarerk: hsl(305, 89%, 39%, 50%);
    --linkHoverColor: #ffd80e;
    --gradientColorStart: var(--neonDark);
    --gradientColorEnd: transparent;

    --flickerBigA: 16pt;
    --flickerSmallA: 16pt;
    --flickerBigB: 7pt;
    --flickerSmallB: 6pt;
}

#wrapper .bg {
    background-color: unset;
    background-image: unset;
}

body {
    background-image: url("../../images/overlay.png"),
        url("../../images/bricks.svg");
    background-size: 33%;
    background-repeat: repeat;
    background-attachment: fixed;
}

#intro {
    background: linear-gradient(
        0deg,
        var(--gradientColorEnd),
        var(--gradientColorStart)
    );
    background-repeat: no-repeat;
    position: relative;
    margin-top: -50pt;
    transform: translateY(50pt);
    margin-bottom: 50pt;
}

@keyframes outlineFlicker {
    0% {
        box-shadow:
            0 0 var(--flickerSmallA) var(--flickerSmallB) var(--linkHoverColor),
            inset 0 0 var(--flickerSmallA) var(--flickerSmallB)
                var(--linkHoverColor);
    }
    33% {
        box-shadow:
            0 0 var(--flickerBigA) var(--flickerBigB) var(--linkHoverColor),
            inset 0 0 var(--flickerBigA) var(--flickerBigB)
                var(--linkHoverColor);
    }
    66% {
        box-shadow:
            0 0 var(--flickerSmallA) var(--flickerSmallB) var(--linkHoverColor),
            inset 0 0 var(--flickerSmallA) var(--flickerSmallB)
                var(--linkHoverColor);
    }
    100% {
        box-shadow:
            0 0 var(--flickerBigA) var(--flickerBigB) var(--linkHoverColor),
            inset 0 0 var(--flickerBigA) var(--flickerBigB)
                var(--linkHoverColor);
    }
}

#header .logo {
    background-color: hsl(0, 0%, 0%, 0.25);
    line-height: unset;
    vertical-align: unset;
    padding: 0 1.25rem;

    border-radius: 8pt;
    animation: outlineFlicker 0.25s infinite alternate;
}

#header a img {
    vertical-align: middle;
}

#header a {
    vertical-align: middle;
}

#header a p {
    display: inline;
}

.icon img {
    width: unset !important;
    height: 192pt;
    margin-left: auto;
    margin-right: auto;
}