/* style.css */
header, footer {
  background-color: lightgray;
  border: solid 1px black;
  font-family: Times, Arial, Helvetica, sans-serif;
  }

.my-container {
    position: relative;
    overflow: hidden;
  }
  .my-container h1 {
    padding: 200px;
    position: relative;
    z-index: 2;
  }
  .my-container img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 95%;
    opacity: 0.6;
  }

footer {
  padding: 10px;
  border-radius: 3px;
}

body {
  font-family: Times, Arial, Helvetica, sans-serif;
  font-size: 14px;
  background-color: lightgray;
}

html, body {
  padding: 4px;
  margin: 8px;
}

img {
    display: block;
    width: 50%;
 }
    
header nav {
  float: right;