body {
    background-image: url(background/wallpaper-background.jpg);
    background-attachment: fixed ;
    background-size:25%;
    display:grid;
    grid-template-columns: repeat(20%);
    grid-template-rows: repeat(20%); 
    margin:0px;
  }
  a:link{color: #471304}
  a:visited{color:#471304}

h1{
  grid-area:1/1/2/6;
  width: 100%;
  height:95px;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  opacity:75%;
  background-color:rgb(255, 243, 240);
  text-align:center;
  font-family: "passions conflict", sans-serif;
  color: #471304;
  font-size: 115px;
  display:inline;
  z-index:1;
}

#navbar{
  grid-area:2/1/5/2;
  margin-top: 3px;
  margin-left:77px;
  margin-right:auto;
  margin-bottom:30px;
  background-image: url(background/smallflower-background.jpg);
  background-size:200%;
  opacity:75%;
  width:200px;
  height:325px;
  outline-width: 2px;
  outline-style: dashed;
  outline-offset: 4px;
  outline-color: #471304;
  border-width:3px;
  border-radius: 10px;
  border-style: solid;
  border-color:#471304;
  padding:5px;
  font-family: "DynaPuff", "DM Sans", sans-serif;
  text-align: center;
  font-weight:normal;
  font-size:15px;
  color:#471304;
}
h2{
    text-align:center;
    font-family: "DynaPuff", "DM Sans", sans-serif;
    font-size:25px;
    color:#471304;
    font-weight:bold; }
h3{
          font-size:17px;}

#pic1 {
  grid-area:2/4/3/5;
  z-index:2;
  height:auto;
  width:150px;
  margin-top:-100px;
  margin-left:25px;
  transform: rotate(-3deg)}

#pic2 {
  grid-area:2/4/3/5;
  z-index:3; 
  height:auto;
  width:150px;
  margin-top:-75px;
  margin-left:125px;
  transform: rotate(-3deg)}

#pic3 {
  grid-area:2/4/3/5;
  z-index:2; 
  height:auto;
  width:150px;
  margin-top:-25px;
  margin-left:125px;
  transform: rotate(-3deg)}


.bod{
  grid-area:2/2/5/5;
  background-image: url(images/brownpaper.png);
  background-size:100%;
  width:735px;
  height:375px;
  margin-top:50px;
  margin-left:-10px;
  border-radius: 25px;
  border-width: 2px;
  border-style: solid;
  border-color:#d7d2c0;
  padding:30px;
  overflow: auto;
  text-align: justify;
  font-family: "solitreo", sans-serif;
  font-size: 16px;
} 

#corner{
  grid-area:3/1/6/6;
  z-index:-1;
  height:550px;
  margin:0px;
}

#footer{
  grid-area:6/1/7/6;
  z-index:0;
  height:auto;
  width: 100%;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto; 
  padding-top: 20px;
  padding-bottom:10px;
  background-color:rgb(255, 243, 240);
  text-align:center;
  font-family: "DM Sans", sans-serif;
  font-size: x-small;
  }