img {
	width: 35%;
}

body {
	text-align: center;
	font-family: "Inconsolata";
	background: antiquewhite;
	color: darkolivegreen;
	padding-bottom:120px;
	min-height:100vh;
	margin:0;
}

a:link {
	color: darkolivegreen;
	text-decoration: underline wavy;
}

a:visited {
	color: darkolivegreen;
	text-decoration: underline wavy;
}

a:hover {
	color: antiquewhite;
	background-color: darkolivegreen;
}

header {
	background-color:antiquewhite;
	margin:0;
	text-align:center;
	width:100%;
	padding-top:4%;
	padding-bottom:2%;
}

footer {
	background-color:rgb(238, 221, 199);
	position:fixed;
	left:0;
	bottom:0;
	text-align:center;
	width:100%;
	padding-top:15px;
	padding-top:15px;
	box-sizing: border-box;
}

p {
	text-align: left;
	padding-left:30%;
	padding-right:30%;
}

h1 {
	margin:1%
}

html {
  overflow-y: scroll;
  background-color:rgb(238, 221, 199);
  height: 100%;
  margin: 0;
  padding: 0;
}

/* Mobile */
@media screen and (max-width: 768px) {
	body {
		padding-bottom: 50px;
	}
				
	p, li {
		padding-left: 10%;
		padding-right: 10%;
	}
				
	footer {
		background-color: rgb(238, 221, 199);
		text-align: center;
		width: 100%;
		padding-top: 15px;
		padding-bottom: 15px;
		box-sizing: border-box;
	}
				
	footer p {
		margin: 5px 0;
		font-size: 14px;
	}
}

/* Tablet */
@media screen and (min-width: 769px) and (max-width: 1024px) {
	body {
			padding-bottom: 150px;
			min-height: 100vh;
	}
				
	footer {
		padding-top: 20px;
		padding-bottom: 20px;
	}
}