style.scss

---
# This is where the style colors for the website are set
---
$navbar-color: #003459;
$dark-color: #003459;
$gradient-dark:  #004d85;
$gradient-light:   #004d85;
$link-color: #338585;
$link-visited-color: #607386;
$link-hover-color: #3a1c6f;
$lecture-background: #164756 ;
$lab-background:#d8e6c9;
$background: #d8e6c9;
$highlight-dark: red;
$highlight-light: lightcoral;
$highlight-darkest: #660000;
$white: white;

a {
    color: $link-color;
}

a:visited {
    color: $link-visited-color;
    text-decoration: none;
}


a:hover, a:active, a:focus {
    color: $link-hover-color;
}

.navbar .navbar-expand-lg .navbar-dark {
    background-color: $navbar-color;
}

.main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 {
    color:   $dark-color;
}

.caption-frame {
    position: top;
    float: top;
    width: 100%;
    height: 200px;
}

.slides div {
    display: contents;
    padding-bottom: 1em;
}

.readings div {
    display: contents;
    padding-bottom: 1em;
}
.assignments div {
    display: contents;
    padding-bottom: 1em;
}

.marknav a {
    position: absolute;
    transform: translateY(-100000%);
}

.marknav a:focus, .marknav a:active, .marknav:focus-within {
    transform: translateY(-100%);
}