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


.center-table{
    margin-left:auto;
    margin-right:auto;
}

.dataTable {
    border: 1px solid black; /* Sets the border width, style, and color */
    border-collapse: collapse; /* Merges adjacent borders into a single border */
    margin-left: auto;
    margin-right: auto;
    background-color: rgb(255,255,235);
    width:90%;
}

th {
    background-color: black;
    color:white;
    font-weight: bold;
}



body {
    background-color: rgb(225,255,225);
    min-height: 100vh;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.card-btn {
    display: inline-block;
    margin: 15px 0 0px;
    padding: 8px 20px;
    border-radius: 5px;
    background-color: rgb(227,58,84);
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    transition: background 0.3s;
}

.card-btn-org {
    display: inline-block;
    margin: 15px 0 0px;
    padding: 8px 20px;
    border-radius: 5px;
    background-color: rgb(198,108,39);
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    transition: background 0.3s;
}

.card {
    background: rgb(255,255,255);
    border-radius: 10px;
    padding: 25px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    max-width: 400px;
    
}


.table-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.red-text{
    color:red;
    font-weight:bold;
}

.green-text {
    color: green;
    font-weight: bold;
}

.yellow-text {
    color: darkorange;
    font-weight: bold;
}

.header-text-org {
    color: rgb(198,108,39);
    font-weight: bold;
}

.header-text-pink {
    color: rgb(227,58,84);
    font-weight: bold;
}

.header-text-boy {
    color: rgb(64,151,255);
    font-weight: bold;
    font-size: 30px;

}

.header-text-girl {
    color: rgb(255,118,90);
    font-weight: bold;
    font-size:30px;
}

.heading-green {
    color: green;
    font-weight: bold;
    font-size: 25px;
}


.link{
    text-decoration:none;
}


.circle-img {
    /*width: 200px;
    height: 200px;*/
    border-radius: 50%;
    object-fit: cover; /* Keeps image from looking squished */
}