body{
	margin:0px;
	padding:0px;

	background-color: #d3d3d3;
	height: 100%;
}

/* unvisited link */
a:link {
    text-decoration: none;
    color:white;
}

/* visited link */
a:visited {
    text-decoration: none;
    color:white;
}

/* mouse over link */
a:hover {
    text-decoration: none;
    color:yellow;
}

/* selected link */
a:active {
    text-decoration: none;
    color:yellow;
}


#contentblock{
padding: 30px;
padding-bottom: 50px;
bottom:0px;
width: 70%;	
}

#images{
	overflow-x: scroll;
    white-space: nowrap;

}

@media screen and (min-width: 800px) {
    #images{
	margin-right:90px;

}
}

::-webkit-scrollbar { 
    display: none; 
}

.screenshot{
	padding-top: 50px;
	width:70%;
	display:inline;
}

@media screen and (max-width: 800px) {
    .screenshot{
	width:90%;

}
}

h1{
font-size: 30px;
font-family:"Times New Roman", Times, serif;
padding: 0px;
margin: 0px;
font-weight: bold;
}

@media screen and (max-width: 800px) {
	h1{
		width:90%;
		font-size: 25px;
	}
}

#contentblock p{
color: black;
font-family: sans-serif;
font-size: 20px;
font-weight: bold;
}

@media screen and (max-width: 800px) {
	#contentblock p{
		width:85%;
		font-size: 13px;
	}

	body{ margin-top:50px;}
}

footer{
	bottom:0px;
	width:100%;
}

footer p{
	padding-left:30px;
	font-size: 11px;
	color: blue;
}

menu{
	position:fixed;
	height:100%;
	right:-20px;
	top:0px;
	margin:0px;
	width: 81px;
	text-align: left;
	background-color:black;
	color: white;
	padding:18px;
	box-shadow: 0px 0px 20px yellow;
}

@media screen and (max-width: 800px) {
	menu{
	right:0px;
	width:100%;
	height: 40px;
	text-align: right;
	}
}

h2 {
font-size: 53px;
font-family:"Times New Roman", Times, serif;
padding: 0px;
margin: 0px;
text-align: center;
font-weight: bolder;
}

@media screen and (max-width: 800px) {
	h2{
	font-size: 35px;
	}
}

#email {
	right:8px;
	bottom: 0px;
	padding-bottom: 15px;
	position: fixed;
}

#email p{
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 11px;
	text-align: right;
	text-shadow: 1px 1px 4px #000, 0px 0px 10px #000;
}

#email img{
	width: 70px;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 800px) {
	#email p{
		font-size: 15px;
	}
}

@media screen and (max-width: 800px) {
	#email {
	}
}



input{
	width: 99%;
	height: 50px;
	margin-top: 10px;
	font-size: 200%;
	font-weight: bold;
	padding: 5px;
	color: blue;
}

input[type=button], input[type=submit], input[type=reset] {
    background-color: black;
    border: none;
    color: white;
    text-decoration: none;
    width: 100px;
    font-size: 14px;
}