#confirmation-p {
  transition: opacity 2s ease-out;
}




/* Classic Academic */
.theme-academic {
    --bg-color: #f5f5f5;
    --navbar-bg: #003366;
    --navbar-text: #ffffff;
    --teaching-bg: #0055a5;
    --teaching-text: #ffffff;
    --subject-bg: #006699;
    --subject-text: #ffffff;
}

/* Calm & Minimalist */
.theme-minimal {
    --bg-color: #ffffff;
    --navbar-bg: #444444;
    --navbar-text: #ffffff;
    --teaching-bg: #e0e0e0;
    --teaching-text: #222222;
    --subject-bg: #bbbbbb;
    --subject-text: #222222;
}

/* Energetic & Youthful */
.theme-youthful {
    --bg-color: #fff8e7;
    --navbar-bg: #ff6f61;
    --navbar-text: #ffffff;
    --teaching-bg: #ffd166;
    --teaching-text: #333333;
    --subject-bg: #06d6a0;
    --subject-text: #ffffff;
}

/* Elegant Dark */
.theme-dark {
    --bg-color: #121212;
    --navbar-bg: #1f1f1f;
    --navbar-text: #ffffff;
    --teaching-bg: #333333;
    --teaching-text: #ffcc00;
    --subject-bg: #444444;
    --subject-text: #ffffff;
}

/* Nature Inspired */
.theme-nature {
    --bg-color: #f0f9f4;
    --navbar-bg: #2d6a4f;
    --navbar-text: #ffffff;
    --teaching-bg: #40916c;
    --teaching-text: #ffffff;
    --subject-bg: #95d5b2;
    --subject-text: #222222;
}

/* Royal & Bold */
.theme-royal {
    --bg-color: #f9f7ff;
    --navbar-bg: #4b0082;
    --navbar-text: #ffffff;
    --teaching-bg: #8a2be2;
    --teaching-text: #ffffff;
    --subject-bg: #dda0dd;
    --subject-text: #222222;
}

.theme-sri {
    --bg-color: rgb(255, 230, 230);
    --navbar-bg: maroon;
    --navbar-text: #fafdff;
    --teaching-bg: aqua;
    --teaching-text: purple;
    --subject-bg: green;
    --subject-text: white;
}

.theme-red {
    --bg-color: #ffdada;
    /* very light red background */
    --navbar-bg: #871717;
    /* firebrick red */
    --navbar-text: #94568b;  /* what is this even for? */
    /* white text for contrast */
    --teaching-bg: #a33e3e;
    /* bright red block */
    --teaching-text: #ffffff;
    /* white text */
    --subject-bg: #a33e3e;
    /* strong pure red */
    --subject-text: #ffffff;
    /* white text */
}

.theme-red-0 {
    --bg-color: #fff5f5;
    /* very light red background */
    --navbar-bg: #b22222;
    /* firebrick red */
    --navbar-text: #ffffff;
    /* white text for contrast */
    --teaching-bg: #ff4d4d;
    /* bright red block */
    --teaching-text: #ffffff;
    /* white text */
    --subject-bg: #e60000;
    /* strong pure red */
    --subject-text: #ffffff;
    /* white text */
}

.theme-amma {
    --bg-color: #fff5f5;
    /* very light red background */
    --navbar-bg: #b22222;
    /* firebrick red */
    --navbar-text: #ffffff;
    /* white text for contrast */
    --teaching-bg: #ff4d4d;
    /* bright red block */
    --teaching-text: #ffffff;
    /* white text */
    --subject-bg: #e60000;
    /* strong pure red */
    --subject-text: #ffffff;
    /* white text */
}



h1 {
    color: var(--subject-text);
}

.introduction-para {
    color: black;
    font-family: 'Courier New', Courier, monospace;
    font-weight: bold;

}

.work-in-progress {
    color: red;
    font-family: 'Courier New', Courier, monospace;
    font-weight: bolder;
    text-align: center;
    font-size: large;

}

.contact {
    color: black;
    font-family: 'Courier New', Courier, monospace;
    font-weight: bold;  
}


.navbar-sri {
    background-color: var(--navbar-bg);
    color: var(--navbar-text);
    font-family: 'Courier New', Courier, monospace;
}

.teaching-title {
    background-color: var(--teaching-bg);
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    color: var(--teaching-text);
    font-size: x-large;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-weight: lighter;
}

.subject-title {
    background-color: var(--subject-bg);
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    color: var(--subject-text);
    font-size: large;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-weight: lighter;
}

.tutorial-times {
    background-color: var(--subject-bg);
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    color: var(--subject-text);
    font-size: small;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-weight: lighter;
}

.tutorial-times-title {
    background-color: #5d1d1a;
    border-radius: 10px;
    text-align: center;
    font-size: small;
    align-items: center;
    align-self: center;
    rotate: z -90deg;
}

.tutorial-times-course-code-title {
    margin-bottom: 15px;

}

.tutorial-details-table {
    text-align: center;
    /* align-items: center; */
    /* align-self: center; */
}
.tutorial-details-table tr {
    border: 1px solid #ddd;
    border-right: 1px solid #ddd;
    line-height: 1.5;

}

th, td {
    font-family: 'Courier New', Courier, monospace;
    font-size: medium;
    text-align: left; 
    vertical-align: middle;
    margin-left: 55px;
    border-right: solid 1px #ddd; 
    border-left: solid 1px #ddd;
    padding: 7px 7px;
}
th {
    text-align: center;
}


table {
    margin: 0 auto;  /* does both margin for left and right */
}

body {
    background-color: var(--bg-color);
}

.helpful-links-subtitle {
    font-weight: bolder;
    font-family: 'Courier New', Courier, monospace;
}

.helpful-links-bullets {
    font-weight: 500;
    font-family: 'Courier New', Courier, monospace;
}