@import url('https://jadacyrus.com/fonts/font_fira_code.css');
:root {
    --background-color: #000000;
    --foreground-color: #ff0000;
    --debian-color:     #ce0058;
    --panel-background-color: #1b2333;
    --heading-color: #ffffff;
    --content-background-color: #101010;
}

@keyframes logo {
 from {color:red;}
 to {color: var(--debian-color);}
}

a, a:link, a:active, a:hover {
    color:#00ff00;
}

#header_logo {
    margin: 10px;
    padding: 3px;
}

pre {
    margin: 0;
    padding: 0;
}

#logo0 {
    color: #000;
    animation-name: logo;
    animation-duration: 3s;
    animation-delay: 0s;
    animation-fill-mode: forwards;
}

#logo1 {
    color: #000;
    animation-name: logo;
    animation-duration: 0.4s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
}
#logo2 {
    color: #000;
    animation-name: logo;
    animation-duration: 0.3s;
    animation-delay: 2s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
}
#logo3 {
    color: #000;
    animation-name: logo;
    animation-duration: 0.2s;
    animation-delay: 3s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
}
#logo4 {
    color: #000;
    animation-name: logo;
    animation-duration: 0.1s;
    animation-delay: 4s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
}

body {
    font-family: 'Fira Code', monospace;
    background-color: var(--background-color);
    color: var(--foreground-color);
}

.debian {
    color: var(--debian-color);
}

.flex-container {
	display: flex;
    flex-wrap: wrap;
}

.image-container {
    display: flex;
    flex-direction: column;
    margin: 3px;
    text-align: center;
}

.image-title a, .image-title a:active, .image-title a:visited {
    color: var(--heading-color);
}

.image-title a:hover {
    background-color: var(--debian-color);
}

.image-title {
    background-color: var(--panel-background-color);
    color: var(--heading-color);
    font-size: 1em;
    text-align: center;
    padding: 2px;
    max-width:300px;
}

.panel {
    background-color: var(--panel-background-color);
    padding: 4px;
    border-bottom: 1px dashed var(--debian-color);
}

.heading {
    color: var(--heading-color);
    font-size: 1.5em;
}

.section {
    margin-left: 6px;
    margin-top: 15px;
    margin-bottom: 25px;
    padding: 6px;
}

.content {
    background-color: var(--content-background-color);
    padding-left: 15px;
    padding-bottom: 6px;
    padding-right: 6px;
    padding-top: 6px;
}

.post_id {
    border: 0px none;
    font-size: 10px;
    padding-left: 20px;
    color: #00ff00;
}