body {
  background-color: #FFA1DA;
  margin: 0 auto;
  font-size: 12px;

}

.header {
  background-color: #7CF7D8;
  margin: 0 auto;
  height: 60px;
  background-image: url(pngs/ccd2de5ccca613a5c20b26c6990f866f.jpg);
  background-repeat: repeat;
  align-content: center;
  text-align: center;
  
}

.box1 {
  margin: 0 auto;
  background-color: white;
  width: 600px;
  margin-top: 20px;
  padding: 4px;
}

.dflex {
 display: flex;
 margin: 0 auto;
}

.box2 {
  width: 400px;
  margin-top: 20px;
  
}

.box2nav {
  width: 400px;
  margin-top: 20px;
  float: right;

}



.box3 {
 width: 80%;
 padding: 2px;
 background-color: #FFCFEC;
 margin-right: 10%;
 margin-left: 10%
}

.box4 {
  display: inline-block;
  margin: 0 auto;

}

.nav {
 width: 50%;
 padding: 2px;
 background-color: hotpink;
 float: right;
 color: white;
 font-size: 14px;

  
}


.navlink a {
  color: #FFE8EF;
  font-style: italic
}

.bpink b {
  color: deeppink;
}

.bblack b {
  color: black;
}


.box1big {
  margin: 0 auto;
  background-color: white;
  width: 900px;
  margin-top: 20px;
  padding: 4px;
}