@charset "utf-8";
/* CSS Document */

.btn_up {
    position: fixed;
    bottom: 2rem;
    height: 60px;
    right: 0px;
    opacity: 0.7;
    }
@media (max-width: 985px) {
    .btn_up { bottom: 0; }
}

.stud_bio {
    float: right;
    }
.anchor {
    position: relative;
    top: -200px;
    }
.tbl_stud {
    opacity: 0.8;
    height: 250px;
    border-radius: 10px;
    }
.stud {
    height: 280px;
     margin: auto;
    }
.stud_photo {
    float: left;
    width: 190px;    
    height: inherit;
    }   
.table {
    --bs-table-bg: cadetblue;
}
.st_photo {
    height: 250px;
    width: 190px;
    object-fit: cover;
    border-radius: 10px;
    }
@keyframes fade_0 {
    0% { opacity: 1; }
    50% {  opacity: 0;  }
    100% { opacity: 1; }
}

@keyframes fade_1 {
    0% { opacity: 0; }
    50% {  opacity: 1;  }
    100% { opacity: 0; }
}

.photo_swap_0 {
    animation: 10s infinite fade_0;
}

.photo_swap_1 {
    animation: 10s infinite fade_1;
    position: relative;
    top: -250px;
}    
.tbl_dates {
    text-align: right;
    width: 25%;
    color: beige!important;
    }
.students {
    max-width: 900px;        
    }
.tbl_lbl {
    text-align: right;
    width: 150px;
    color: beige!important;
}
.tbl_date1 {
    text-align: right;
    padding-left: 10px;
    width: 150px;
    }
.tbl_date2 {
    text-align: left;
    }
.tbl_dash {
    width: 20px;
    text-align: center;
    }
.tbl_data {
    color: #FBE8A6!important;
    font-size: larger;
    }
@media (max-width: 985px) {
    .tbl_data {  font-size: small; }
}