@charset "UTF-8";
/* CSS Document */
body{
			 font-family: "DynaPuff", system-ui;
  			font-weight: 400;
			font-style: normal;
                margin-top: 150px;
               text-align: center;
	background-color: #C49994;

}
		
		#welcome{
			font-size:300px;
			background-color: darkred;
			text-align:center;
			font-family: "DynaPuff", system-ui;
}

.heading{
	font-color: #F2DADA;
	
	
}




p{
  font-family: "DynaPuff", system-ui;
  font-optical-sizing: auto;
  font-style: normal;
	
}



.container {
  display: grid;
  column-gap: 45px;
  grid-template-columns: auto auto;
  background-color: #F2DADA;
  padding: 10px;
}

.containers{
	display: grid;
	column-gap: 20px;
	 grid-template-columns: auto auto;
  padding: 50px;
 	text-align: center;
	
}


.column{
	float: left;
	text-align: center;
	position: top;
	
}

.row{
	position: absolute; 
	
	
}
		
	a:link {color:#F3BEA9;
			}
			
	
#gal{
	width:320px;
	
	
}

.righty{
	padding-right:20px;
	float:right;
	width: 375px;
}
		


	



h1{
background-color:#815356;
padding:.5em;
text-align:center;
  font-family: "DynaPuff", system-ui;
  font-optical-sizing: auto;
  font-style: normal;
	text-color: #CD9FA2;
	font-color: #613A3D;
			}

h2{
background-color:#815356;
padding:.5em;
text-align:center;
  font-family: "DynaPuff", system-ui;
  font-optical-sizing: auto;
  font-style: normal;
	text-color: #CD9FA2;
	font-color: #613A3D;	
	
}


p{
text-align: center;	
  font-family: "DynaPuff", system-ui;
  font-optical-sizing: auto;
  font-style: normal;
	font-color: #613A3D;

}

.links{
	  font-family: "DynaPuff", system-ui;
  font-optical-sizing: auto;
  font-style: normal;
	
}


.link{
	font-family: "DynaPuff", system-ui;
	align-items: center;
	
}

#logo{
	text-align: center;
	
}

figcaption{
	  font-family: "DynaPuff", system-ui;
  font-optical-sizing: auto;
  font-style: normal;
	color: #613A3D;
	
}


	a:link {
	color:aquamarine;
	text-decoration:none;}


     a:visited {color:#4D2D2F
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color:#533638;
  position: sticky;
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover {
  background-color: #111;
}

.img{
	
	
	
}

.text p{
	background-color:#A47074;
	width:400px;
	padding: 20px;
	margin-left: 100px;
    align: center;
	font-family: "DynaPuff", system-ui;
	border-radius: 20px;
	align-content: center
	
}
xs
.text{
	margin-left:auto;
	margin-right:auto;
	width:500px;
	text-align: left;
	font-family: "DynaPuff", system-ui;
	/*
	position: absolute;
	top:500px;
	left:300px;
	*/
}



.text a:link{
	color: #4D2D2F;
	font-family: "DynaPuff", system-ui;
	
	
}

text a:visited{
	color:#4D2D2F;
font-family: "DynaPuff", system-ui;
}

text a:hover{
	color:gold;
	font-family: "DynaPuff", system-ui;
}

.expla{
	font-family: "DynaPuff", system-ui;
    margin-left: 200px;
}