body {
   background-image: url("https://i.ibb.co/Mx4jBVW2/maze.gif");
   color: white;
   font-family: "Courier"; "New Times Roman";
   font-size: 15px;
   overflow-x: hidden;
}

@font-face {
  font-family: 'Membra';
  src: url(https://seasiidehaven.neocities.org/1.%20fonts/membra.ttf);
}

a:link {
	text-decoration: ;
	color: #80DEEA;
}

/*ol {
	 list-style-image: url("https://i.ibb.co/rGLHf1df/fishsharkwhale.gif");
}*/

h1 { font-family: 'Membra';
	  paint-order: stroke fill;
	  -webkit-text-stroke: 12px black;
     
	 margin-left:20px;
	
}

.top {
	display: grid;
	grid-template-columns: 150px 1000px [charm] 190px;
	grid-template-rows:  1px [title] 113px [will] 70px 40px;
}

.name {
	grid-column: 2;
	grid-row: 2;
	z-index: 1;
	align-content: start;
}

.willwood {
	grid-column: 2 ;
	grid-row: 3;
	background: #000;
	padding: 5px;
	text-align: center;
}

#charm {
	grid-column: 3;
	grid-row: 3;
	z-index: 1;
	justify-self: end;
	position: relative;
	bottom:30px;
}

.molim {
	display: grid;
	grid-template-columns: 200px 410px 40px 450px 200px;
	grid-template-rows:  220px [title] 400px 70px;
}

.minibox {
	grid-column: 2;
	grid-row: 1;
	background: #000;
	padding: 27px;

}

#dolphin {
	grid-column: 2;
	grid-row: 2;
	position: relative;
	bottom: 35px;
}

.sitemap {
	grid-column: 4;
	grid-row: 1 / 3;
	background: #000;
	padding: 27px;
}

.back {
	text-align: right;
}