h1, h2 {
    color: #610C9F;
    font-weight: bold;
    font-family: montserrat-bold, sans-serif;
}

a {
    color: black;
    text-decoration: none;
}

h2, h2 a{
    color: #940B92;
}

h3 a , h3{
    color: #DA0C81
}

a:hover {
    color: #E95793;
    text-decoration: underline;
}


body {
    background-color: whitesmoke;
    font-family: Tahoma, sans-serif;
    text-align: left;
    width: 100%;
}

ol {
    list-style-type: space-counter;
}

ol ul {
    list-style-type: disc;
}

ul {
    list-style-type: disc;
}


img {
    border-radius: 3%;
}

img:hover {
  opacity: 0.8;
}




/* General Table Styling */
table {
    border-collapse: collapse;
    width: 100%;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* 1. Header Styling - Deep Indigo/Blue */
thead {
    background-color: #283593; /* Dark Indigo Blue */
    color: #ffffff;
    font-weight: bold;
}

thead td {
    padding: 12px 15px;
}

/* 2. Header Hover */
thead:hover {
    background-color: #3949ab; /* Slightly lighter indigo */
}

/* 3. General Row and Cell Styling */
tr {
    transition: background-color 0.2s ease;
}

tbody td {
    padding: 12px 15px;
    border-bottom: 1px solid #e0e0e0; /* Lighter grey border to match the blue */
    color: #333;
}

/* 4. Zebra Striping */
tbody tr:nth-child(odd) {
    background-color: #ffffff; /* White */
}
 
tbody tr:nth-child(even) {
    background-color: #e8eaf6; /* Very pale blue-grey */
}

/* 5. Row Hover Effect */
tr:hover {
    background-color: #c5cae9; /* Soft Periwinkle Blue */
}

/* 6. Cell Hover Effect */
td:hover, td:hover a {
    background-color: #5c6bc0; /* Vibrant Royal Blue */
    color: #ffffff;
}




::selection {
  background-color: #ffcc00; /* A bright yellow highlight */
}




/* Jetbrains-Mono - Font

@font-face {
    font-family: jetbrainsmono-normal;
    src: url(fonts/jetbrainsmono/JetBrainsMono-Regular.woff2);
}

@font-face {
    font-family: jetbrainsmono-bold;
    src: url(fonts/jetbrainsmono/JetBrainsMono-Bold.woff2);
}

@font-face {
    font-family: jetbrainsmono-italic;
    src: url(fonts/jetbrainsmono/JetBrainsMono-Italic.woff2);
}


@font-face {
    font-family: jetbrainsmono-bold-italic;
    src: url(fonts/jetbrainsmono/JetBrainsMono-BoldItalic.woff2);
}

*/


@font-face {
    font-family: cheltenham-bold;
    src: url(fonts/cheltenham/cheltenham.woff2);
}

@font-face {
    font-family: montserrat-bold;
    src: url(fonts/montserrat/Montserrat-Bold.ttf)
}