header {
    background-image: url("../images/mainbg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

nav {
    padding-top:20px;
}



h2 {
    color:#422c16;
}

h3 {
    font-family:"cascadia";
    color:#904704;
}

article {
    background-color:#f3eade;
    padding-bottom:10px;
    padding-left:5px;
    padding-right:5px;
    width:90%;
    margin:auto;
}

.spacer {
    display:block;
    height:130px;
    content:"";
}



li {
    list-style-type:square;
    padding-bottom:5px;
}

article:last-of-type {
    margin-bottom:40px;
}

footer {
    width: 100%;
    margin: auto;
    height: 40px;
    background-color: #422c16;
    text-align: center;
    font-family: "cascadia";
    font-weight:bolder;
    font-size:1em;
    color: #f3eade;
}

footer p {
    padding-top:5px;
}

.cvmenucontain {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    grid-gap:3px;
    width:95%;
    margin:auto;
}

.altgrid {
    display: grid;
    grid-template-columns: 12% 12% 12% 12% 12% 12% 12% 12%;
    grid-gap: 3px;
    width: 100%;
    margin: auto;
    top: 75px;
    position: sticky;
    background-color: #422c16;
}

    .altgrid a {
        height: 55px;
        text-decoration: none;
        display: inline-block;
        
        text-align: center;
        background-size: cover;
        text-align: center;
        font-size: .9em;
        color: #f3eade;
        font-weight: bolder;
        font-family: cascadia;
        text-decoration: none;
        overflow: hidden;
        align-content: center center;
    }

    .altgrid a:hover {
        background-color:#f3eade;
        color:#422c16;
    }

.cvmenucontain > a {
    text-decoration: none;
    display: inline-block;
    height: 50px;
    text-align: center;
    background-size: cover;
    text-align: center;
    font-size: 1em;
    color: #422c16;
    background-color: #904704;
    font-weight: bolder;
    font-family: cascadia;
    text-decoration: none;
    overflow: hidden;
    align-content: center center;
}

        .cvmenucontain > a:hover {
            filter: sepia(100%);
            color: #422c16;
        }

        .cvmenucontain > a > p {
            background-color: rgb(255 255 255 / 0.75);
            
        }
/*
    .cvmenucontain a:nth-child(1) {
        background-color: #5a0a0a;
    }

    .cvmenucontain a:nth-child(2) {
        background-color: #904704;
    }

    .cvmenucontain a:nth-child(3) {
        background-color: #b49b05;
    }

    .cvmenucontain a:nth-child(4) {
        background-color: #114204;
    }

    .cvmenucontain a:nth-child(5) {
        background-color: #005349;
    }

    .cvmenucontain a:nth-child(6) {
        background-color: #0b3667;
    }

    .cvmenucontain a:nth-child(7) {
        background-color: #250b67;
    }

    .cvmenucontain a:nth-child(8) {
        background-color: #4d0b67;
    }
    */
    article a {
        color:#005349;
    }

    article a:hover {
        text-decoration:none;
        color:#047668;
    }

.workgrid {
    display: grid;
    width:95%;
    margin:auto;
    grid-template-columns: 25% 55% 20%;
    grid-gap: 5px;
    padding-bottom: 10px;
}

    .workgrid > div, .classgrid > div, .smallgrid > div, .edugrid > div {
        height: auto;
        background-color: #e2d2be;
        padding:3px;
    }


.uni {
    font-weight: bolder;
    font-family: "cascadia";
    color: #5e4e3e;
}

.classgrid {
    display: grid;
    width:95%;
    margin:auto;
    grid-template-columns: 30% 70%;
    grid-gap:5px;
    padding-bottom:10px;
}

.smallgrid, .edugrid {
    display: grid;
    width: 95%;
    margin: auto;
    grid-template-columns: 15% 85%;
    grid-gap: 5px;
    padding-bottom:10px;
}

.edugrid {
    grid-template-columns: 40% 60%;
}

/*
.smallgrid span.classtitle {
    display: inline-block;
    width: fit-content;
    float:right;
    padding-right:7px;
}
    */
/*styling for button that navigates to the top of the page*/
.topnav {
    display: inline-block;
    position: fixed; /*keep the button on the page all the time*/
    bottom: 10px;
    right: 10px;
    color: rgba(209, 205, 190, 0.82); /*last number is the transparency index*/
    text-align: center;
    z-index: 10;
}

    .topnav:hover {
        color: #5e4e3e;
    }
/*add space at the bottom of the page for nav scrollilng if needed*/
.endsection:after {
    display: block;
    content: " ";
    height: 800px;
    visibility: hidden;
}

.classtitle {
    font-family: "cascadia";
    color: #5e4e3e;
    font-weight: bolder;
}

.workscited p {
    margin-left: 40px;
    text-indent: -40px;
}