@font-face {
    font-family: myFont;
    src:url(fonts/Darkcastle.otf)
}

body {
	background-color: black;
}

/*
.parent {
	display:grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-template-rows: repeat(5, minmax(0,1fr));
    gap: 8px;
}

*/

.head {
	grid-column: span 3 / span 3;
    grid-row: span 2 / span 2;
    grid-column-start: 2;
}

h1 {
	color: yellow;
	text-align: center;
}

p {
	color: red;
	text-align: center;
}

.Madosuki img {
	height:150px;
    width:150px;
    position:absolute;
    top:50%;
    left: 46%
    
}

.Book img {
	height:100px;
    width:100px;
    position:absolute;
    top:20%;
    left: 47.5%
}

.cd img {
	height:100px;
    width:100px;
    position:absolute;
    top:50%;
    left:30%;
}

.guestbook img {
	height:100px;
    width:100px;
    position:absolute;
    top:50%;
    left:65%;
}

.cauldron img {
	height:100px;
    width:100px;
    position:absolute;
    top:80%;
    left: 47.5%

}