body {
 
   background-image: url("../images/1-Cover-31.jpg");
    background-color: #ffffff;
    background-repeat: no-repeat;
  background-size: 100% 820px;
}
#example1 {
  width: 700px;
  height: 70px;
    background-color: #ADD8E6;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);
    margin: 10px;
    margin-left: 280px;
    opacity: 0.9;
    padding-top: 10px;
  padding: -30px;
  padding-left: 20px;
  box-shadow: 1px 2px #888888;
  font-family: sans-serif;
  font-style: italic;
   cursor: pointer;
    font-weight: bold;
    color: #000000;
    transition: background-color 0.2s;
}
#example2 {
  width: 600px;
  height: 400px;
    background-color: #00008B;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);
    margin: 10px;
    margin-left: -160px;
    opacity: 0.8;
  padding: 30px;
  box-shadow: 1px 2px #888888;
  font-family: sans-serif;
  font-style: italic;
   cursor: pointer;
    font-weight: bold;
    color: #ffffff;
    transition: background-color 0.2s;
}

#example3 {
  width: 300px;
  height: 200px;
    background-color:#daa520 ;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);
    margin: 10px;
    margin-left: 750px;
    margin-top: -200px;
    opacity: 0.5;
  padding: 30px;
  padding-bottom:150px;
  box-shadow: 1px 2px #888888;
  font-family: sans-serif;
  font-style: oblique;
   cursor: pointer;
    font-weight: bold;
    color:  #8b0000;
    transition: background-color 0.2s;
}