body {
    background: black;
}

.post-image {
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
    max-width:100%;
    max-height:100%;
    width:auto;
}
.post-image iframe {
    width:100%;
    height:420px;
}

.searchbox {
    color:azure;
}
.searchbox input {
    background-color: black;
}

.top-navbar {
    font-size: medium;
    padding-bottom: 4px;
}
.top-navbar a {
    color:azure;
}
.top-navbar select {
    color:azure;
    background-color: black;
    border: 0;
}

.page-body {
    background-color: black;
    display: grid;
    grid-template-columns: 1fr 600px 1fr;
    font-family: monospace, monospace;
}

.page-header h1 {
    color:chartreuse;
}
.page-header hr {
    background:azure;
    height: 2px;
    align-items: center;
    border: 0;
}

.main-content {
    color:Chartreuse;
    min-width: 0;
    margin-bottom: 150px;
    font-family: serif;
}
.blog-content a {
    color:crimson;
}
.blog-content table, th, td {
    color:crimson;
    padding: 5px;
    border: 1px solid crimson;
    border-collapse: collapse;
}

@media (max-width: 700px) {
    .page-body {
        display: block;
        padding-top: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .right-sidebar {
        display: none;
    }
    .left-sidebar {
        display: none;
    }
}
@media (max-width: 480px) {
    .page-body {
        grid-template-columns: 1fr 380px 1fr;
    }
}

/*
Source - https://stackoverflow.com/a
Posted by Austen Holland, modified by community. See post 'Timeline' for change history
Retrieved 2025-12-01, License - CC BY-SA 4.0
*/
.rainbow {
    text-decoration: underline;
    font-size: 32px;
    font-family: monospace;
    letter-spacing: 5px;
}
.h-rainbow-text-anim {
    background: linear-gradient(to right, #6666ff, #0099ff , #00ff00, #ff3399, #6666ff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: h-rainbow-anim 6s ease-in-out infinite;
    background-size: 400% 100%;
    text-align: center;
}

#post-title {
    text-align: center;
}

.v-rainbow-text-anim {
    background: linear-gradient(to bottom, #6666ff, #0099ff , #00ff00, #ff3399, #6666ff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: v-rainbow-anim 6s ease-in-out infinite;
    background-size: 100% 400%;
}
@keyframes v-rainbow-anim {
    0%,100% {
        background-position: 0 0;
    }
    50% {
        background-position: 0 100%;
    }
}
@keyframes h-rainbow-anim {
    0%,100% {
        background-position: 0 0;
    }
    50% {
        background-position: 100% 0;
    }
}
/*
*/
.h_wavy_text_anim span {
    display: inline-block;
    animation: h_wave_anim 1s ease-in-out infinite;
}
.h_wavy_text_anim span:nth-child(0) { animation-delay: -0.1s; }
.h_wavy_text_anim span:nth-child(1) { animation-delay: -0.2s; }
.h_wavy_text_anim span:nth-child(2) { animation-delay: -0.3s; }
.h_wavy_text_anim span:nth-child(3) { animation-delay: -0.4s; }
.h_wavy_text_anim span:nth-child(4) { animation-delay: -0.5s; }
.h_wavy_text_anim span:nth-child(5) { animation-delay: -0.6s; }
.h_wavy_text_anim span:nth-child(6) { animation-delay: -0.7s; }
.h_wavy_text_anim span:nth-child(7) { animation-delay: -0.8s; }
.h_wavy_text_anim span:nth-child(8) { animation-delay: -0.9s; }
.h_wavy_text_anim span:nth-child(9) { animation-delay: -1.0s; }
.h_wavy_text_anim span:nth-child(10) { animation-delay: -1.1s; }
.h_wavy_text_anim span:nth-child(11) { animation-delay: -1.2s; }
.h_wavy_text_anim span:nth-child(12) { animation-delay: -1.3s; }
.h_wavy_text_anim span:nth-child(13) { animation-delay: -1.4s; }
.h_wavy_text_anim span:nth-child(14) { animation-delay: -1.5s; }
.h_wavy_text_anim span:nth-child(15) { animation-delay: -1.6s; }
.h_wavy_text_anim span:nth-child(16) { animation-delay: -1.7s; }
.h_wavy_text_anim span:nth-child(17) { animation-delay: -1.8s; }
.h_wavy_text_anim span:nth-child(18) { animation-delay: -1.9s; }
@keyframes h_wave_anim {
    0%,100% { transform: translateY(3px); }
    50%     { transform: translateY(-3px); }
}

.v_wavy_text_anim span {
    display: inline-block;
    animation: v_wave_anim 1s ease-in-out infinite;
}
.v_wavy_text_anim span:nth-child(0) { animation-delay: -0.1s; }
.v_wavy_text_anim span:nth-child(1) { animation-delay: -0.2s; }
.v_wavy_text_anim span:nth-child(2) { animation-delay: -0.3s; }
.v_wavy_text_anim span:nth-child(3) { animation-delay: -0.4s; }
.v_wavy_text_anim span:nth-child(4) { animation-delay: -0.5s; }
.v_wavy_text_anim span:nth-child(5) { animation-delay: -0.6s; }
.v_wavy_text_anim span:nth-child(6) { animation-delay: -0.7s; }
@keyframes v_wave_anim {
    0%,100% { transform: translateX(3px); }
    50%     { transform: translateX(-3px); }
}

/* For some reason animations won't work together, so just don't use it on Chromium */
@supports not (-moz-appearance:none) {
    .h_wavy_text_anim span {
        display: inline-block;
        animation: none;
    }
    .v_wavy_text_anim span {
        display: inline-block;
        animation: none;
    }
}

.footer-copyright {
    text-align: center;
    font-size: xx-small;
}

.highlight {
    padding: 5px;
    margin: 5px 0;

    border-radius: 6px;
    overflow-x: auto;

    font-size: 1.1em;
}