body {
  background-color: white;
  /*min-height: 100%;*/
  position: relative;
}


.header {
  background-color: ghostwhite;
  height: 100px;
  width: 100%;
  top: 0;
  left: 0;
  /*margin-left: 100px;*/
  position: fixed;
  display: flex;
}

  .header a {
    align-self: center;
    margin-top: 6px;
    margin-left: 20px;
  }

  .header h1 {
    color: gray;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    margin-left: 20px;
    align-self: center;
  }

.background {
  height: 100%;
  background-color: blueviolet;
  background-image: url('screen01.jpg');
  background-repeat: no-repeat;
  background-attachment: scroll;
    /* animation-name: animate_bg; */
    /* animation-duration: 4s; */
}

  .content {
    margin-top: 120px;
    margin-left:5 0px;
    font-size: xx-large;
    font-family: Verdana;
    color: aquamarine;
  }
  

.footer {
  background-color: ghostwhite;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  height: 60px;
  /*margin-top: -50px;*/
}
  .footer a {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 60px;
  }

  @keyframes animate_bg {
    from {
      transform: translateY(0);
    }
    to { 
      transform: translateY(-20%);
    }
  }