.header
{
    font-family: Arial, Helvetica, sans-serif;
    width: 100%;
    background-color: #0c0c0c;
    color: white;
    padding-bottom: 10px;
    position: sticky;
    top: 0;
}

.footer
{
    font-family: Arial, Helvetica, sans-serif;
    width: 100%;
    background-color: #0c0c0c;
    color: white;
    position: fixed;
    bottom: 0;
    border-top: 1px solid darkgray;
    padding: 10px;
}

a.headlink:link, a.headlink:visited {
    background-color: black;
    color: white;
    padding: 15px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border: 1px solid darkgray;
  }
  
  a.headlink:hover, a.headlink:active {
    background-color: #0c0c0c;
  }

a.footlink:link, a.footlink:visited
{
    color: darkgray;
}

a.portfoliolink:link, a.portfoliolink:visited
{
  color: black;
}

.photo {
  font-family: Arial, Helvetica, sans-serif;
  width: 100%; min-height: 100vh;
  text-align: center; padding: 25px;
  color: white;
  background: url(../files/background.jpg) no-repeat center center;
  background-color: #0c0c0c;
}