@import "resources.css";

header, footer, h1
{
      background-color: var(--blueLightPanel);
}
header, footer 
{
      position: fixed;
      width: 100%;
      left: 0;
}
header 
{
    top: 0;
    margin: -5px 0 150px 0;
    padding: 0 0 0 20px;
}
footer
{
    bottom: 0;
    padding: 0 0 20px 0;
}
header p, header p:hover, header a, h3 a
{
    text-decoration: none; 
}
a:hover
{
    color: var(--greenLightTitle);
}
header p, header p:hover
{
    color: black;
}
#content
{
  margin: 45px 0 150px 10px;
}
h1, h2, h3 a, header a, .greenText
{
	color : var(--greenTitle);
}
a:hover
{
    color: var(--greenLightTitle);
}

h1
{
	font-size : 2em;
	margin: 10px 0 10px -20px;
	padding: 10px 0 10px 10px;
}
h2
{
	margin : 20px 0 0 40px;
	font-size : 1.5em;
}
h3
{
	margin : 10px 0 0 80px;
	font-size : 1.2em;
}
#footerlinks
{
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}
#footerlinks h3
{
    font-size: 1em;
    padding:5px;
}