* { box-sizing: border-box;
        font-family: Arial, Helvetica, sans-serif; }
header { height: 300px; 
        text-align: center;
        margin: 0; 
        padding: 0;
        background-image: url(dogfamily.PNG);
        background-repeat: no-repeat; 
        background-position: right; 
        background-color: #2c448d; }
h1 { text-align: center;
        font-family: Arial, Helvetica, sans-serif; }
h2 { text-align: center; }
h3 { text-align: center; }
body { background-color: #accff1; }
main { display: flex;
        justify-content: space-evenly;
        flex-wrap: wrap;
        margin-left: 10%;
        margin-right: 10%; }
form {  display: grid;
        grid-template-rows: auto;
        grid-template-columns: 6em 1fr;
        width: 60%;
        grid-gap: 1em;
        margin: 20px; 
        margin-left: 20%; }
nav {   padding: 1em; 
	font-weight: bold; 
	font-size: 120%; 
	text-align: center; }
nav li { border: 1px solid #00008b; }
nav a { text-decoration: none; 
		transition: color 3s ease-in; }
nav a:link { color: #5C7FA3; }
nav a:visited { color: #344873; }
nav a:hover { color: #A52A2A; }
nav ul { list-style-type: none; 
	margin: 0; 
	padding-left: 0px; 
	font-size: 1.2em; }
footer { clear: let; }
.dogs { border: 2px solid black;
        margin: 20px;
        padding: 20px; 
        width: 400px; 
        float: left;
        height: 650px;
        text-align: center; }
.homepage { width: 400px; }
.gear { border: 2px solid black;
       width: 25%; 
        text-align: center; 
        margin: 10px;
        padding: 5px; }
.discs { border: 2px solid black; 
        margin: 5px; 
        width: 100%;
        padding: 10px; }
table, th, td { border: 1px solid black;
        text-align: center;
        border-collapse: collapse;
        padding: 5px; }