#willowbig {
  width: 20%;
  height: auto;
  border: 100px solid transparent;
  border-image: url("/images/purpleframe.png") 150 round;
  border-image-outset: 35px;
  margin: 0px;
  background-color: #FAF7FF;
}

#domain { 
  margin: 25px;
  padding: 0px;
  width: 85%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FAF7FF;
  border: 35px solid transparent;
  border-image: url("/images/purpleframe.png") 100 round;
  border-image-outset: 15px;
  color: rgb(166, 129, 170)
  
}

#bio {
  width: 70%;
  height: auto;
  margin: 30px;
  padding: 10px;
  background-color: #FAF7FF;
  display: flex;
  flex-direction: column; 
  justify-content: center;
  align-items: center;
  color: rgb(166, 129, 170)
}

#contents {
  width: 70%;
  height: auto;
  margin: 30px;
  padding: 10px;
  background-color: #FAF7FF;
  display: flex;
  flex-direction: column; 
  justify-content: center;
  align-items: center;
  color: rgb(166, 129, 170)
}
#MusicContents {
  ul.a {list-style-type: circle;}
   width: 70%;
  height: auto;
  margin: 30px;
  padding: 10px;
  background-image: url("/images/sakuraheader.gif");
  display: flex;
  flex-direction: column; 
  justify-content: center;
  align-items: center;
  color: black
}
#WritingContents {
  ul.b {list-style-type: circle;}
   width: 70%;
  height: auto;
  margin: 30px;
  padding: 10px;
  background-image: url("/images/paper.jpg");
  display: flex;
  flex-direction: column; 
  justify-content: center;
  align-items: center;
  color: gray
}
#ArtContents {
  ul.c {list-style-type: circle;}
   width: 70%;
  height: auto;
  margin: 30px;
  padding: 10px;
  background-image: url("/images/purplewatercolor.jpg");
  border: 25px solid transparent;
  border-image: url("/images/purpleframe.png") 100 round;
  border-image-outset: 10px;
  display: flex;
  flex-direction: column; 
  justify-content: center;
  align-items: center;
  color: rgb(166, 129, 170)
}
#OutfitsContents {
  ul.d {list-style-type: circle;}
   width: 70%;
  height: auto;
  margin: 30px;
  padding: 10px;
  background-color: black;
  border: 25px solid transparent;
  border-image: url("/images/blacklace.png") 100 round;
  border-image-outset: 10px;
  display: flex;
  flex-direction: column; 
  justify-content: center;
  align-items: center;
  color: rgb(166, 129, 170)
}

#AbtMe {
   width: 60%;
  height: auto;
  margin: 25px;
  background-color: #FAF7FF;
  display: flex;
  flex-direction: column; 
  justify-content: center;
  align-items: center;
  color: rgb(166, 129, 170)
}
#me {
   border: 50px solid transparent;
  border-image: url("/images/purpleframe.png") 100 round;
  border-image-outset: 0px;
  
}

#flower5 {
  height: 11vw;
  width: auto;
  position: absolute;
  left: 10vw;
  top: 30vh;
  transform: rotate(40deg);
}

#flower6 {
  height: 15vw;
  width: auto;
  position: absolute;
  left: 72vw;
  top: 27vh;
  transform: rotate(25deg);
}

#flower7 {
  height: 8vw;
  width: auto;
  position: absolute;
  left: 17vw;
  top: 32vh;
  transform: rotate(-20deg);
}

#flower8 {
  height: 5vw;
  width: auto;
  position: absolute;
  left: 10vw;
  top: 44vh;
}

#cherrygif {
  height: 20vw;
  display: flex;
  position: absolute;
  align-items: flex-end;
  left: 80vw;
}

#cherrygif2 {
  height: 20vw;
  display: flex;
  position: absolute;
  align-items: flex-start;
  left: 0vw;
  transform: rotateY(3.142rad);
}

#flower10 {
  height: 17vw;
  width: auto;
  position: absolute;
  left: 23vw;
  top: 198vh;
  transform: rotate(10deg);
}

#flower11 {
  height: 13vw;
  width: auto;
  position: absolute;
   left: 60vw;
  top: 219vh;
  transform: rotate(10deg);
}

#kuromigif {
  height: 15vw;
  width: auto;
  position: absolute;
   left: 55vw;
  top: 278vh;
}

#kuromigif2 {
  height: 15vw;
  width: auto;
  position: absolute;
   left: 30vw;
  top: 278vh;
}

#AbtEna {
  height: auto;
  width: 25vw;
}