@font-face {
    font-family: 'LibreFranklin';
    src: url('font/LibreFranklin-Regular.woff2') format('woff2'),
         url('font/LibreFranklin-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway';
    src: url('font/Raleway-Regular.woff2') format('woff2'),
         url('font/Raleway-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


body{
background-color: rgb(255,255,255); background-image: url(img/background.png); background-repeat: no-repeat; background-position: top left;
font-family: 'LibreFranklin', Arial;
font-size: 12px;
margin-top: 150px;
margin-bottom: 0px;
margin-left: 150px;
margin-right: 0px;
}

hr {border-top: 1px solid rgb(000,000,000); width: 100%; border-bottom: 0px; border-right: 0px; border-left: 0px; margin-top: 0px; margin-left: 0px; margin-bottom: 4px;}

div.body {width: 1250px; align: left; padding: 0px; margin-left: 75px; margin-top: 60px;}
div.header {font-weight: bold; font-size: 14px; color: rgb(000,000,000); margin-bottom: 0px; font-family: 'Raleway';}
div.content {color: rgb(000,000,000); margin-left: 25px; margin-top: 25px;}
div.header2 {font-weight: bold; font-size: 14px; color: rgb(000,000,000); margin-left: 75px; margin-top: 50px; margin-bottom: 0px; font-family: 'Raleway';}
div.content2 {color: rgb(000,000,000); margin-left: 100px; margin-top: 25px;}
div.nav {font-weight: bold; font-size: 15px; margin-left: 5px; color: rgb(000,000,000); margin-bottom: 0px; font-family: 'Raleway';}


a.header:hover {text-decoration: none;}

a:link {color: rgb(025,020,255); text-decoration: none;}
a:visited {color: rgb(025,020,255); text-decoration: none;}
a:hover {color: rgb(125,020,255); text-decoration: underline;}
a:active {color: rgb(125,020,255); text-decoration: underline;}



a.nav1 {transition: color 0.325s ease-out;}
a.nav1:link {color: rgb(000,000,000); text-decoration: none;}
a.nav1:visited {color: rgb(000,000,000); text-decoration: none;}
a.nav1:hover {color: rgb(028,142,075); text-decoration: none;}
a.nav1:active {color: rgb(028,142,075); text-decoration: none;}

a.nav2 {transition: color 0.325s ease-out;}
a.nav2:link {color: rgb(000,000,000); text-decoration: none;}
a.nav2:visited {color: rgb(000,000,000); text-decoration: none;}
a.nav2:hover {color: rgb(253,123,099); text-decoration: none;}
a.nav2:active {color: rgb(253,123,099); text-decoration: none;}

a.nav3 {transition: color 0.325s ease-out;}
a.nav3:link {color: rgb(000,000,000); text-decoration: none;}
a.nav3:visited {color: rgb(000,000,000); text-decoration: none;}
a.nav3:hover {color: rgb(018,080,218); text-decoration: none;}
a.nav3:active {color: rgb(018,080,218); text-decoration: none;}

a.nav4 {transition: color 0.325s ease-out;}
a.nav4:link {color: rgb(000,000,000); text-decoration: none;}
a.nav4:visited {color: rgb(000,000,000); text-decoration: none;}
a.nav4:hover {color: rgb(254,172,126); text-decoration: none;}
a.nav4:active {color: rgb(254,172,126); text-decoration: none;}