header {
    position : sticky;
    top : 0;   
}

body {
    background-image: linear-gradient(to bottom right,#BAEDFF, #95BDCC);
    background-attachment:fixed;
    height:100%;
    width:100%;
    font-size:16pt;
    font-family: "Book Antiqua", "Georgia", "Times New Roman", serif;
    color:#0F4666;

}

h1 {
font-size:24pt;
font-family: "Book Antiqua", "Georgia",  "Times New Roman", serif;
color:#295666;
text-align:center;
padding-top:10pt;
}

h2 {
    font-size:16pt;
    font-family: "Book Antiqua", "Georgia", "Times New Roman", serif;
    color:#295666;
    text-align:center;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #2E4E66; 

}

li {
    
    font-size:12pt;
    font-family: "Book Antiqua", "Georgia", "Times New Roman", serif;
    color:rgb(128, 0 0);
    text-decoration: none;

    display: inline-block;
    background-color: #2E4E66;
    
    padding: 14px 16px;
    
    border-right: 1px solid #BAEDFF;
    border-radius:15px;
}

a.mainNav {
    font-size:12pt;
    font-family: "Book Antiqua", "Georgia", "Times New Roman", serif;
    color: #229EE6;
    text-decoration: none;
    font-weight: bold;
}

a:hover, a:active{
    color:#BAEDFF;
}

button{

}

.divider{
    width:5px;
    height:auto;
    display:inline-block;
}
.login {
    position:absolute;
    top:0;
    right:0;
    padding: 14px 16px;

}

footer {
    font-size:10pt;
    font-family: "Book Antiqua", "Georgia", "Times New Roman", serif;
    color:maroon;
    text-align:center;
    background-image: linear-gradient(to bottom right, khaki, white);
}