body {
	font-family: calibri;system-ui;
	color: ;
	background-color:  ;
	Font-size: 100%;
	line-height:1.44em ; 
	color: #666666 ; 
	background-color: rgb(75,20,20);
	margin: 0;
}

nav a {
	text-decoration: none;
}
a:link{color: #fec;} /* have to be in order */
a:visited {color: #09f;}
a:hover {color: #abf;}
a:active {color: #aaa;}


header { 
    background-color: rgba(200,250,250,0.4);
	text-align: center;
	height: 20vh;
	border: ;
	/*border-top: 1px solid rgba(0,16,250,0.4);  not often done*/
	background-image: url("image2.jpg");
	background-size: cover;
	
}

h1 {
	padding-top: 1em;
	margin: 0; /* nothing to collapse */
	text-align: center;
	outline: ;
	
}

h1,h2 {
	padding-left: 4rem;
	
	
}
ul {
	padding-left: 0;
	list-style: none;
}
main,nav,footer{ 
    margin-left: 1em;
	margin-right: 1em;
}
section {
	margin: 0;
}
 
figure.puppy-frame{
	background-color:#0006;
	text-align: center;
	padding: 4em;
}
img.puppy {
	width: 100%;
	max-width: 400px; 
	
}