@import url('https://fonts.googleapis.com/css2?family=Short+Stack&display=swap');

body {
  background: url("/img/pexels-photo-1261731.jpeg") repeat-x fixed;
  font-family: "Short Stack", Cursive, serif;
  font-size: 0.95rem;
  color: #645266;
  }


.parent {
display: grid;
grid-template-columns: 4fr 3fr repeat(6, 4fr);
grid-template-rows: 4fr repeat(2, 8fr) repeat(9, 4fr);
gap: 10px;
padding-left: 150px;
padding-right: 150px;
padding-top: 50px;
padding-bottom: 50px;
position: relative;
}

.div1 { grid-area: 1 / 1 / 3 / 3; 
border: 5px solid transparent;
border-image: url(https://starryeyedsatyr.neocities.org/images/jkwjtktj.png) 5 round;
position: absolute;
}
.div2 { grid-area: 3 / 3 / 5 / 6; 
border: 5px solid transparent;
border-image: url(https://starryeyedsatyr.neocities.org/images/jkwjtktj.png) 5 round;
position: absolute;

}
.div3 { grid-area: 3 / 6 / 5 / 9; 
border: 5px solid transparent;
border-image: url(https://starryeyedsatyr.neocities.org/images/jkwjtktj.png) 5 round;
position: absolute;

}
.div4 { grid-area: 1 / 3 / 3 / 9; 
border: 5px solid transparent;
border-image: url(https://starryeyedsatyr.neocities.org/images/jkwjtktj.png) 5 round;
position: absolute;

}
.div5 { grid-area: 3 / 1 / 5 / 3; 
border: 5px solid transparent;
border-image: url(https://starryeyedsatyr.neocities.org/images/jkwjtktj.png) 5 round;
position: absolute;

}
.div6 { grid-area: 5 / 1 / 9 / 3; 
border: 5px solid transparent;
border-image: url(https://starryeyedsatyr.neocities.org/images/jkwjtktj.png) 5 round;
position: absolute;

}
.div7 { grid-area: 5 / 3 / 8 / 5; 
border: 5px solid transparent;
border-image: url(https://starryeyedsatyr.neocities.org/images/jkwjtktj.png) 5 round;
position: absolute;

}
.div8 { grid-area: 5 / 5 / 8 / 7; 
border: 5px solid transparent;
border-image: url(https://starryeyedsatyr.neocities.org/images/jkwjtktj.png) 5 round;
position: absolute;

}
.div9 { grid-area: 5 / 7 / 8 / 9; 
border: 5px solid transparent;
border-image: url(https://starryeyedsatyr.neocities.org/images/jkwjtktj.png) 5 round;
position: absolute;

}
.div10 { grid-area: 9 / 1 / 12 / 3; 
border: 5px solid transparent;
border-image: url(https://starryeyedsatyr.neocities.org/images/jkwjtktj.png) 5 round;
position: absolute;

}
.div11 { grid-area: 8 / 3 / 12 / 6; 
border: 5px solid transparent;
border-image: url(https://starryeyedsatyr.neocities.org/images/jkwjtktj.png) 5 round;
position: absolute;

}
.div12 { grid-area: 8 / 6 / 12 / 9; 
border: 5px solid transparent;
border-image: url(https://starryeyedsatyr.neocities.org/images/jkwjtktj.png) 5 round;
position: absolute;

}
.div13 { grid-area: 12 / 1 / 13 / 9; 
border: 5px solid transparent;
border-image: url(https://starryeyedsatyr.neocities.org/images/jkwjtktj.png) 5 round;
position: absolute;

}