@charset "UTF-8";

html, body {
	margin: 0px;
	padding: 0px;
	background-image:linear-gradient(to right, blue, hotpink);
	
}

header {
	background-color: none;
	height: 150px;
	display: flex;
}

h1 {
	background-color: mediumvioletred;
	height: 100px;
	width: 290px;
	margin-left: 50px;
	margin-top: 30px;	
}
h2{
	background-color: none;
	color: white;
	margin-left: 700px;
	font-size: 1rem;
}
.title {
	font-size: 5rem;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
}
nav {
	height: 100px;

}  /**. more notes so fun**/
nav ul {
	background-color:rgba(246,248,212,1.00);
	float: center;
	width: fill;
	

}
nav ul li {
	background-color: none;
	display: inline-block;
	line-height: 70px;
	margin: 0 30px;
	position: relative;
	list-style-type: none;
	
}
nav ul li:hover ul {
	display: block;
	padding: 5px;
	
}
nav ul li a {
	font-size: 2rem;
	padding: 10px 10px;
	text-align: center;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}
a.active,a:hover{
	background-color: hotpink;
	transition: .5s;
	color: white;
}
.dropdown-menu {
	position: relative;
	display: inline-block;
}
nav ul li ul {
	flex-direction: column;
	position: absolute;
	display: none;
	width: 200px;
}
.me  {
	font-size: 1.5rem;
	color:antiquewhite;
	margin: 30px;
	margin-top: 20px;
}
.flexpic {
	display: inline-flex;
	
}
.dog {
	margin: 60px;
}
.info p{
	margin: 10px;
	margin-top: 15px;
}