.navbar {
        background-color: lightpink;
        width:100%;
        margin:0px;
        margin-bottom: 100px;
        list-style-type: none;
        padding:0px;
        position:fixed;
        top:0px;
        left:0px;
        }
            
.navText {
color: mediumpurple;
margin: 12px;
font-size: 28px;
font-family: cursive;
}

.active {
    background-color:aliceblue;
}

table#fullTable {
    margin-top:60px;
    width: 100%;
    border: 3px solid black;
    border-collapse: collapse;
    font-family:serif;
}

#fullTable th, #fullTable td {
    border: 1px solid black;
    background-color: gainsboro;
}

#fullTable .bigPicture {
    padding: 10px 20px;
    
}

#fullTable .smallPicture {
}


img {
    height: 90px;
    margin:15px;
}

.leftPic {
    float: left;
    vertical-align: middle;
}

.rightPic {
    float:right;
    vertical-align: middle;
}

#fullTable .compSci {
    font-weight:900;
    background-color: plum;
}

#fullTable .math {
    font-weight:900;
    color: white;
    background-color: blue;
}

#fullTable .physics {
    font-weight:900;
    background-color: orangered;
}

#fullTable #schoolName {
    font-size: 45px;
    background-color:black;
    margin: 55px;
    color:white;
    text-align: center;
    font-family:fantasy;
}

#fullTable #lastNameHistory {
    font-size: 30px;
    font-family:fantasy;
    background-color:goldenrod;
}

#fullTable .colTitles {
    background-color: purple;
    font-size: 17px;
}
/* r11 */
.cardContainer {
    width: 90%;
    display:block;
    margin: 0 auto; /* Added */
    float: none; /* Added */
    margin-bottom: 10px; /* Added */
}

.card {
    width: 33%;
    height: 500px;
    float: left;
}

.clear:after {
    content:"";
    display: table;
    clear: both;
}

#compPic {
    height: 75px;
    width: 80px;
}

.department {
    width: 8%;
}

.courseID {
    width: 5%;
}

.courseName {
    width: 12%;
}

.instructor {
    width: 10%;
}

.description {
    width: 35%;
}

.grade {
    width: 5%;
}

.creditHours {
    width: 5%;
}

.knowledge {
    width: 20%;
}

#language {
    text-align: center;
}

.card2{
    background-color:aquamarine;
    border:3px solid black;
}

.card1 {
    background-color:lightgray;
    border:3px solid black;
}

.card3 {
    background-color:azure;
    border: 3px solid black;
}

#computerPic {
    height:150px;
}

#prettyPic {
    height: 350px;
}

.compLang {
    margin:20px;
    font-size: 15px;
    font-family: a;
}

.card1Text {
    margin: 5px;
    font-size: 15px;
    font-family: a;
}

.card1Head {
    margin: 5px;
    font-family:cursive;
}

#update {
    margin: 40px;
    text-align: center;
}

#gamePic {
    height: 300px;
}

#iWonder {
    text-align: center;
    font-size: 20px;
}

.projectText {
    font-size: 15px;
    margin: 3px;
}