body{
background-image:url('https://eatmoths.neocities.org/backrounds/undercon.gif');
letter-spacing:1px;
text-align:justify;
font-size:20px;
line-height:20px;
font-family: 'yoster', serif;
}
@font-face {

font-family: "Cherrybomb";
src: url('https://eatmoths.neocities.org/fonts/Cherrybomb.ttf') format("truetype");
}

#name{
  font-family:Cherrybomb;
  font-size: 2em;
  -webkit-text-stroke: 1px white;
  color: #b59fb4;
  margin-top: 30px;
  margin-left: 240px;
}

.parent {
    display: grid;
    padding: 15px;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(12, 1fr);
    gap: 7px;
    justify-self: center;
    width: 884px;
    height: 1065px;;
    border-width:8px;
    border-style:solid;
    border-image: url("https://dl.dropbox.com/s/rr5se47u373c2yn/orange%20lace.png") 8 fill round; 
}
    
.div1 {
    grid-column: span 5 / span 5;
    background-color: white;
    border-width: 2px;
    border-style: solid;
    border-color: #c9b7c9;
}

.div2 {
    grid-column: span 5 / span 5;
    grid-row: span 2 / span 2;
    grid-row-start: 2;
    border-width: 2px;
    border-style: solid;
    border-color: #c9b7c9;
    background-image: url('https://eatmoths.neocities.org/backrounds/bannerlace.png');

}

.div3 {
    grid-row: span 4 / span 4;
    grid-row-start: 4;
    border-width:12px;
    border-style:solid;
    border-image: url("https://eatmoths.neocities.org/backrounds/border.png") 12 fill round;

}

.div4 {
    grid-column: span 3 / span 3;
    grid-row: span 3 / span 3;
    grid-column-start: 2;
    grid-row-start: 5;
    border-width:12px;
    border-style:solid;
    border-image: url("https://eatmoths.neocities.org/backrounds/border.png") 12 fill round;

}

.div5 {
    grid-column: span 3 / span 3;
    grid-column-start: 2;
    grid-row-start: 4;
    border-width: 2px;
    border-style: solid;
    border-color: #c9b7c9;
    border-radius: 10px ;

}

.div6 {
    grid-row: span 2 / span 2;
    grid-column-start: 5;
    grid-row-start: 4;
    border-width:12px;
    border-style:solid;
    border-image: url("https://eatmoths.neocities.org/backrounds/border.png") 12 fill round;
}

.div7 {
    grid-row: span 2 / span 2;
    grid-column-start: 5;
    grid-row-start: 6;
    border-width:12px;
    border-style:solid;
    border-image: url("https://eatmoths.neocities.org/backrounds/border.png") 12 fill round;
}

.div8 {
    grid-row: span 3 / span 3;
    grid-row-start: 8;
    border-width: 2px;
    border-width:12px;
    border-style:solid;
    border-image: url("https://eatmoths.neocities.org/backrounds/border.png") 12 fill round;
}

.div9 {
    grid-column: span 3 / span 3;
    grid-row: span 3 / span 3;
    grid-row-start: 8;
   border-width:12px;
    border-style:solid;
    border-image: url("https://eatmoths.neocities.org/backrounds/border.png") 12 fill round;
}

.div10 {
    grid-column-start: 5;
    grid-row-start: 8;
    border-width:12px;
    border-style:solid;
    border-image: url("https://eatmoths.neocities.org/backrounds/border.png") 12 fill round;
}

.div11 {
    grid-column-start: 5;
    grid-row-start: 10;
    border-width:12px;
    border-style:solid;
    border-image: url("https://eatmoths.neocities.org/backrounds/border.png") 12 fill round;
}

.div12 {
    grid-column: span 5 / span 5;
    grid-row-start: 11;
    border-width: 2px;
    border-style: solid;
    border-color: #c9b7c9;
}

.div13 {
    grid-row-start: 12;
   border-width:12px;
    border-style:solid;
    border-image: url("https://eatmoths.neocities.org/backrounds/border.png") 12 fill round;
}
.div14 {
    grid-column-start: 3;
    grid-row-start: 12;
    border-width:12px;
    border-style:solid;
    border-image: url("https://eatmoths.neocities.org/backrounds/border.png") 12 fill round;
}

.div15 {
    grid-column-start: 5;
    grid-row-start: 12;
    border-width:12px;
    border-style:solid;
    border-image: url("https://eatmoths.neocities.org/backrounds/border.png") 12 fill round;
}