body {
  background-image: url("https://mwokam.com/pattern1.jpg");
  background-repeat: repeat;
  color: black;
  font-family: "pica";
}

body, html {
  margin: 0;
  padding: 0;
}

.noise {
position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 2;
mix-blend-mode: overlay;
opacity: 0.5;
}

h1 {
  color: #FF9EC1;
 text-align: center;
  font-family: "pica";
  font-size: 600%;
margin-top: 2px;
margin-bottom: 0px;
  }

mark {
background-color: rgba(252, 247, 186, 0.7);
color: #FF9EC1;
}
  

#block img {
position: relative;
width: 75%;
margin-top: 0px;
z-index: -2;
}

#page1 {
position: absolute;
top: 200px;
left: 300px;
right: 750px;
}


#notice p {
width: 180px;
position: absolute;
top: 150px;
left: 10px;
}

#notice img {
width: 180px;
position: absolute;
top: 150px;
right: 0px;
}

#icons {
width: 150px;
  text-align: center;
}

p {
  font-family: "pica";
z-index: 1;
}


#profil p {
width: 200px;
position: absolute;
right: 10px;
top: 300px;
}

#profil img {
position: absolute;
width: 150px;
left: 10px;
top: 300px;
image-rendering: auto;
z-index: 2;
}

#page2 {
position: absolute;
top: 200px;
right: 300px;
left: 750px;
}

#dreams p {
width: 200px;
position: absolute;
left: 10px;
top: 45px;

}

#dreams img {
width: 150px;
position: absolute;
right: 10px;
  image-rendering: auto;
z-index: 2;
}

#diary p {
width: 200px;
position: absolute;
right: 10px;
top: 145px;

}

#diary img {
width: 150px;
position: absolute;
top: 100px;
left: 10px;
  image-rendering: auto;
z-index: 2;
}

#fashion p {
width: 200px;
position: absolute;
left: 10px;
top: 265px;

}

#fashion img {
width: 150px;
position: absolute;
top: 230px;
right: 10px;
  image-rendering: auto;
z-index: 2;
}

.center {
  display: flex;
    margin-left: auto;
    margin-right: auto;
}