html {
    scroll-behavior: smooth;
}

.max {
    background-color: gray;
    color: white;
    font-weight: bold;
    text-align: center;
    /* font-size: large; */
}

.max-total {
    background-color: blue;
    color: yellow;
    font-weight: bold;
    text-align: center;
    /* font-size: large; */
}


.cell {
    border: 1px solid burlywood;

}

.max,
.student,
.score {
    font-size: small;
    text-anchor: start;

}

.card {
    border-color: white;
    margin-left: -50px;
    margin-right: -50px;
}

#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    /* Height of the footer */
    /*background:#6cf;*/
}

.col-1,
.col-2 {
    border: slategray solid 1px;
}

.div_row {
    border: slategray solid 1px;
}

.sub,
.result {
    /* background-color: #C6D9F1; */
    font-weight: bold;
    text-align: center;
    font-size: large;
    font-family: 'Almarai', sans-serif;
    background-color: #cde1f4
        /* font-size: large; */

}

.result {
    font-weight: bold;
    background-color: #F8D4C9;
}

.maximum {
    font-weight: bold;
    background-color: #F8D4C9;

}

.minimum {
    font-weight: bold;
    background-color: #FFEFC2;

}


.result,
.maximum,
.minimum,
.sub {
    border: slategray solid 1px;
}

/*@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: portrait) {
    html {
        transform: rotate(-90deg);
        transform-origin: left top;
        width: 100vh;
        height: 100vw;
        overflow-x: hidden;
        position: absolute;
        top: 100%;
        left: 0;
    }
}*/

/*new 2025 */

.small-table,
.small-table tbody,
.small-table tr,
.small-table td {
    /* padding: 0.1rem; */
    table-layout: auto;

}

.small-table {
    display: block;
    /* overflow-x: auto; */
    /* white-space: nowrap; */
    border-color: indigo;
}

.small-table td:first-child {
    position: sticky;
    background-color: #f1eded;
}

.small-table td:first-child:dir(rtl) {
    right: 0;
}

.small-table td:first-child:dir(ltr) {
    left: 0;
}

.starbutton {
    font-size: x-small;
}

@font-face {
    font-family: gess;
    src: url("../fonts/ge-ss-text-light.otf");
    /* font-weight: bold; */
}

.result-text {
    font-family: gess;
    font-weight: bold;
}

td,
th {
    padding: 0.1rem;
    text-align: center;
    font-weight: bold;

}

@keyframes pulse {

    0%,
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.7);
    }

    50% {
        transform: scale(1.02);
        box-shadow: 0 0 20px 5px rgba(40, 167, 69, 0.4);
    }
}

.pulse {
    animation: pulse 1.5s infinite;
}