
 body {
 text-align: center;
  background-image:url(https://i.pinimg.com/1200x/23/fa/f7/23faf7dac25e032bb86fd942258a37d1.jpg);

}

h1 {
  font-family: Georgia, serif;
 text-align: center;
 color: black;
}


p{
  color:black;
	font-size: 110%;
	font-family: Georgia, serif;
	padding: 25px;
	padding-top: 30px;
	background-color: #bab0a8;
	outline: 5px #304775;
}

p a{
	color:blue;
	text-decoration: none;
}
p a:hover{
	color:purple;
	text-decoration: underline;
}

.layout {
 width: 100%;
  display: grid;
  grid:
    "header header header" auto
    "leftSide body ." 1fr
    ". . ." auto
    / 12% 32% 0%;
  gap: 15px 14px;
}



.header { grid-area: header;
  color: black;
  font-size: 50px;
  border-width: 25px;
  border-style: double ;
  border-color: #452f21;
  border-radius:30px ;
  background-color: #bab0a8 ;
  font-family: Georgia, serif;
	padding: 25px;
	padding-top: 30px;
	
	
position: relative;
top: 15px;
left: 230px;
}
.leftSide { grid-area: leftSide;
  text-align: center
  color:black;
  font-size: 25px;
  border-width: 10px;
  border-style: double ;
  border-color: #452f21;
  border-radius:15px ;
  background-color: #bab0a8 ;
  font-family: Georgia, serif;
	padding: 15px;
	padding-top: 30px;
	
	position: relative;
top: 15px;
left: 230px;
	
}
.body { grid-area: body;
  color:black;
  font-size: 25px;
  border-width: 10px;
  border-style: double ;
  border-color: #452f21;
  border-radius:15px ;
  background-color: #bab0a8 ;
  font-family: Georgia, serif;
	padding: 15px;
	padding-top: 30px;
	
	position: relative;
top: 22px;
left: 230px;
}


.salmon {
 background:transparent url('https://bolinhp.neocities.org/salmon.png');
}

.salmon:hover {
   background-image: url('https://bolinhp.neocities.org/salmon-yellow.png');
}







