/* margin: 1px 2px 3px 4px;
top margin is 1px
right margin is 2px
bottom margin is 3px
left margin is 4px */

body {
  background-color: #1e1e26;
  font-family: comic ;
}
.thisguy {
  margin: 10% 30% 40% 24%;
  width:690px;
  position: absolute;
  filter: contrast(110%) ;

  }
  .compost {
  margin: 10% 30% 40% 24%;

  }
  
.Sar {
  margin: 5% 25% 40% 24%;
  font-size:500px;
  letter-spacing: 9px;
  position: absolute;
  z-index: -1;
  color: orange;
  font-family: 'WigglyShadow', cursive;
  }
  
.backcolor {
  border: 0px solid;
  border-color: #051a3b;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 4% 30% 1% 50px;
  margin-bottom: 1%;
  background-color: white;
  color: white;
  width: 50%;
  height: 50% ;
  padding: 20% ;
  z-index: -5;
  text-align: center;
  position: absolute;
}

.music {
  margin: 35% 2% 0% 7%;
  position: absolute;
  padding: 10px;
  border: 5px solid;
  border-color: black;
  width: 250px;
    font-family: comic ;
  background-color: #f2b150;
  }

.typeshi {
  margin: 8% 5% 40% 67%;
   border: 4px solid;
  border-color: black;
  width: 200px;
  z-index: -1;
  position: absolute;
  }
  
.crowsong {
  margin: 14% 60% 40% 12%;
   border: 4px solid;
  border-color: black;
  width: 200px;
  z-index: -1;
  position: absolute;
  filter: drop-shadow(8px 8px 10px black);

  }

.fishfood {
  margin: 54% -300px -10% 70%;
    /* Alt look:  " margin: 20% -3% -5% 60%;" */
   border: 4px solid;
  border-color: black;
  width: 360px;
  z-index: -1;
  position: absolute;
  }