@charset "UTF-8";
/*
Student Name: Ty Huddler
File Name: style.css
*/
body, header, nav, main, footer, img, h1, ul {
    margin: 0;
    padding: 0;
    border: 0;
}

img {
    max-width: 100%;
    display: inline-block;
}

.tab-desk {
    display: none;
}

.logo {
	width: 15%;
	margin: auto;
}

header {
    text-align: center;
    font-size: 1.5em;
    color: #FA3631;
	background-color: white;
}

header h1 {
    font-family: 'Slackey', serif;
    font-style: italic;
}

nav {
    background-color: #FA8D4D;
}

nav ul {
    list-style-type: none;
    text-align: center;
}

nav li {
    display: inline-block;
    font-size: 2em;
    border-top: 1px solid #e5e9fc;
	font-family: 'Chewy', sans-serif;
}

nav li a {
    display: block;
    color: #fff;
    text-align: center;
    padding: 0.5em 1em;
    text-decoration: none;
	color: #FA3631;
}

body {
	background-color: #FAD5AA;
}

main {
	margin-top: 10px;
	background-color: white;
	width: 50%;
	text-align: center;
	margin: auto;
	padding: 90px;
}

.p-text {
	margin: auto;padding: 1%;
	text-align: center;
	font-family: 'Boogaloo', sans-serif;
	font-size: 30px;
	color: #FA8D4D;
}

.h1-text {
	color: #FAAA05;
	font-family: 'Slackey', sans-serif;
}

.img-home {
	max-width: 100%;
	width: 20%;
	display: inline-block;
}

a {
	font-family: 'Boogaloo', sans-serif;
	font-size: 30px;
	color: #FA3631;
	text-decoration: underline;
}

.how-we-pamper, .good-doggie, .tail-wagging {
	display: inline-block;
	width: 20%;
	padding: 70px;
	text-align: center;
}

.container {
	display: grid;
	
	gap: 20px;
}

.dog-in-field {
	display: block;
	margin: auto;
}

ul {
	text-align: center;
	list-style-position: inside;
}

.clipnfluff-block {
	padding-top: 30px;
}

/* Mutt Shots */
.gallery {
    display: grid;
    grid-template-columns: auto auto auto; 
    gap: 20px; 
    padding: 20px;
}


footer {
	text-align: center;
	color: #FA3631;
}

.email {
	font-family: 'Times New Roman', sans-serif;
	font-size: 18px;
}

.staff-text {
	float: right;
	width: 50%;
	background-color: white;
}

.staff-photos {
	width: 50%;
	float: left;
	background-color: white;
	display: inline-block;
}

.support {
	display: block;
	margin: auto;
}

.shop-text {
	display: inline-block;
	float: right;
	width: 70%;
	background-color: white;
	padding-bottom: 100px;
}

.shop-img {
	display: inline-block;
	float: left;
	width: 30%;
	background-color: white;
	padding-bottom: 180px;
	margin-bottom: 20px;
}

tr:nth-child(odd) {background-color: #F4F3B1;}

tr:not(:first-child) {
  border-top: 1px solid black;
}

#reset-form {
	margin-right: 50px;
}

form {
	background-color: #F0E995;
	border: dashed 10px;
}

#lesson-button {
	border: 5px solid;
	padding: 10px;
	background-color: white;
	margin-bottom: 20px;
}

/* Media Queries */

@media screen and ( max-width : 480px ){

	* {
		margin: 0;
		padding: 0;
		width: auto;
	}
	
}