/* Index and default page style */


/* Default page style */

body {
    font-family: Times, serif;
    line-height: 1.6;
    color: #FFFFFF;
    background-color: #000000;
    text-align: left;
}


/* Default header 1 style */

h1 {
    text-align: center;
}


/* Default header 2 style */

h2 {
    text-align: center;
}


/* Default header 3 style */
h3 {
    text-align: center;
}


/* Default header 4 style */
h4 {
    text-align: center;
}


/* Default centered stuff, like links */

.center-container {
    text-align: center;
}


/* Index menu */

.center-container-main-menu {
    justify-content: center;
    font-size: 20px;
    display: flex;
}


/* Smaller font for dates at end of pages */

.date-stamp {
    font-size: 9px;
}


/* Caption text */

.caption {
    font-size: 10px;
}


/* Default link styles */

a:link {
    color: #A91B0D; /* Color for unvisited links */
    text-decoration: underline; /* Underline for links */
}


/* Visited link */
a:visited {
    color: #676767; /* Color for visited links */
}


/* Hover state */
a:hover {
    color: #FFFFFF; /* Color when hovered */
    text-decoration: none; /* Remove underline on hover */
}


/* Focus state */
a:focus {
    outline: 2px solid #A91B0D; /* Outline for keyboard navigation */
}


/* Active state */
a:active {
    color: #800808; /* Color when the link is clicked */
}


/* Index image 1, 3:2 ish */

.image1 {
    display: block;
    margin: auto;
    width: 500px;
    height: 331px;
}


/* Black Metal Is Dead image 1 and 2, Kvltist image 1, 2:3 */

.image2 {
    display: block;
    margin: auto;
    width: 300px;
    height: 450px;
}


/* Burning the Black Flame image 1, 1:1 */

.image3 {
    display: block;
    margin: auto;
    width: 350px;
    height: 350px;
}   
  

/* 3:2 */

.image4 {
    display: block;
    margin: auto;
    width: 450px;
    height: 300px;
}


/* Irregular Norsecore photo */

.image5 {
    display: block;
    margin: auto;
    width: 202px;
    height: 450px;
    justify-content: center;
}


/* Cover art */

.image6 {
    display: block;
    margin: auto;
    max-width: 400px;
    max-height: 400px;
    justify-content: center;
}


/* Image spread container (flexbox) */

.image-container {
    display: flex;
}


/* Image spread container (flexbox) centered */

.center-image-container {
    display: flex;
    justify-content: center;
    max-width: 100%;
}


/* Inline-block image container */

.center-image-container-inline-block {
    display: inline-block;                                                                                                                                                                    
    justify-content: center;
}
  
  
/* 2x1 side by side images */

.half-image {
    margin: auto;
    width: 300px;
    height: 450px; /* Maintains aspect ratio */
    max-width: 100%; /* Ensures images are responsive */
}


/* Inline block images for vertical centering, specify width/height in img tag */

.inline-block-image {
    display: inline;
}


/* 3:2 logos */

.logo {
    display: block;
    margin: auto;
    width: 500px;
    height: 333px;
}


/* 1:1 logos */

.logo-darkthrone {
    display: block;
    margin: auto;
    max-width: 100%;
    height: auto;
}


/* List bullets removed */

ul {
    list-style-type: none;
}