/* Sticky Footer Classes */

html,
body {
    font-family: 'Averia Serif Libre', serif;
    font-size: 1.3rem;
}

#darktext {
    color: #332266;
}

#page-content {
    flex: 1 1 auto;
}

#sticky-footer {
    left: 0;
    bottom: 0;
    width: 100%;
    clear: both;
    font-size: 16;
    text-rendering: auto;
    position: fixed;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

#sticky-header {
    flex-shrink: none;
}


/* Other Classes for Page Styling */

body {
    background: #4488CC;
    background: linear-gradient(to right, #3377BB, #77AAEE);
    margin-bottom: 5%;
}

a,
a:visited {
    color: #BBDDFF;
    text-decoration: underline;
}

a:hover {
    color: #333377;
}

.dropdown-menu {
    background: #3377BB;
    background: linear-gradient(to right, #3377BB, #77AAEE);
}

.navbar {
    background: #2266AA;
    background: linear-gradient(to right, #2266AA, #6699DD);
}

.card-header {
    background: #2266AA;
    background: linear-gradient(to right, #2266AA, #6699DD);
}

.card-body {
    background: #3377BB;
    background: linear-gradient(to right, #3377BB, #77AAEE);
}