html {
  background-image : url("picture1.jpeg"); 

  }
  h1 {
  font-size : 300%;
  text-align : center;
  font-family: Ocr A;
  color : rgb(59, 179, 26);
  background-color : rgb(21, 18, 9);
  width : 500px;
  border : rgb(255, 33, 33) solid 5px;
  border-radius : 19px;
  padding : 20px;
  position : relative;
  width : 95%;
  }
  ul#nav_menu > li {
  display : inline-block;
  position : relative;
  margin-left : 10px;
  background : rgb(0, 0, 0);
  padding : 5px 20px;
  border-radius : 3px;
  border : rgb(255, 33, 33) solid 3px;
  border-radius : 10px;
  }
  ul#nav_menu > li:first-child {
  margin-left : 0;
  }
  ul#nav_menu li a {
  font-size : small;
  font-family : 'Ocr A';
  font-weight : 900;
  display : block;
  color : rgb(59, 179, 26);
  z-index : 1;
  position : relative;
  }
  ul#nav_menu ul {
  display : none;
  position : absolute;
  top : 90%;
  left : 14px;
  width : 9em;
  padding : 10px;
  z-index : 9999;
  }
  ul#nav_menu > li:hover {
  background : rgb(8, 44, 2);
  }
  ul#nav_menu > li:hover ul {
  display : block;
  margin-left : -1.2em;
  background : rgb(10, 10, 10);
  box-shadow : 2px 2px 0 rgb(0, 0, 0, 0.5);
  border-radius : 3px;
  border : rgb(255, 33, 33) solid 3px;
  border-radius : 10px;
  }
  ul#nav_menu > li:hover ul li a {
  color : rgb(59, 179, 26);
  }
  ul#nav_menu > li:hover ul li a:hover {
  background : rgb(8, 44, 2);
  padding : 0 5px;
  }
  #one {
  background-color : rgb(0, 0, 0);
  border-style : solid;
  border-color : rgb(176, 6, 6, 0.552);
  border-width : 10px;
  }
  h3 {
  font-size : 250%;
  font-family : 'Ocr A';
  text-align : center;
  color : green;
  }
  p {
  font-size : 150%;
  font-family : 'Ocr A';
  text-align : center;
  color : green;
  }
  #two {
  background-color : rgb(0, 0, 0);
  border-style : solid;
  border-color : rgb(176, 6, 6, 0.552);
  border-width : 10px;
  }