.main-body {
    /* background-image: linear-gradient(rgb(63, 63, 158), rgb(36, 36, 151), rgb(35, 127, 163), rgb(15, 151, 122), rgb(214, 214, 214)); */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.logo {
    background-image: url("resources/logo.svg");
    height: 500px;
    background-repeat: no-repeat;
}

.title01 {
    font-family: "Khand-SM";
    font-size: 70px;
    letter-spacing: 3px;
}

.title02 {
    font-family: "Khand-M";
    font-size: 30px;
    letter-spacing: 3px;
}

.normal {
    font-family: "Khand-M";
    font-size: 20px;
    letter-spacing: 3px;
}

.icon-border {
    border: 1;
}

.icon-border:hover {
    background: #dad9d9;
    cursor: pointer;
}

.txt {
    font-family: "Khand-M";
}

.box {
    border-radius: 30px;
    width: 100%;
}

.box:active {
    border: rgb(193, 193, 220) groove;
    cursor: pointer;
}

@font-face {
    font-family: "Khand-SM";
    src: url("fonts/Khand-SemiBold.ttf");
}

@font-face {
    font-family: "Khand-M";
    src: url("fonts/Khand-Regular.ttf");
}


/* @media screen and (max-height: 500px){
    .left-section {
        height: 100%;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        background-image: linear-gradient(rgb(63, 63, 158), rgb(36, 36, 151), rgb(35, 127, 163), rgb(15, 151, 122), rgb(214, 214, 214));
        width: 50%;
    }
    
} */

.container1 {
    display: flex;
}

.students {
    width: 80%;
    margin: auto;
}

/* Styling for the table */
table {
    width: 100%;
    border-collapse: collapse;
}

th, td {
    border: 1px solid black;
    padding: 10px;
    text-align: center;
}

/* Button styles */
.confirm, .active {
    background-color: green;
    color: white;
    border-radius: 5px;
}

.reject, .deactive {
    background-color: red;
    color: white;
    border-radius: 5px;
}

@media screen and (max-width: 990px) {

    .right-section {
        background-size: contain;
        background-image: url("resources/bg.png");
        /* background-repeat: no-repeat; */
    }
    
    .title02 {
        font-family: "Khand-SM";
        font-size: 30px;
        letter-spacing: 3px;
    }

    body {
        padding: 0;
    }
}


.left-section {
    /* height: 100vh; */
    background-size: contain;
    background-image: url("resources/bg.png");
    /* background-position: center; */
    /* background-repeat: no-repeat; */
    /* background-image: linear-gradient(rgb(21, 21, 204), rgb(25, 25, 134), rgb(19, 141, 189), rgb(24, 197, 160), rgb(255, 255, 255)); */
    /* width: 100%; */
}

.right-section {
    background-color: #FFFFFF;
    width: 50%;
}

.box1{
    background-color: red;
    width: 100%;
    height: 100vh;
}

.roles img {
    /* Styles for the admin and student images */
    width: 100px;
    /* Adjust size as needed */
    height: auto;
}

.pic1 {
    background-image: url("resources/admin.png");
    background-repeat: no-repeat;
}

.pic2 {
    background-image: url("resources/student.png");
    height: 200px;
    background-repeat: no-repeat;
}