html{
-webkit-text-size-adjust: 100%; /* 2 */
-ms-text-size-adjust: 100%; /* 2 */
}
body {
text-align:center;
/*background:#fff200;*/
background:white;
font-family: 'Roboto Condensed','Inconsolata', sans-serif;
/*font-family:'Helvetica Neue';*/
color:white;
margin-bottom:0px;
font-size:;
}

h1{
font-family: 'Special Elite', cursive;
margin-top:-20px;
margin-bottom:-20px;
font-size:50px;
text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;
}

h2 {
font-family: 'Inconsolata', sans-serif;
color:black;
font-size:20px;
}

h3 {
	font-family: 'Inconsolata', sans-serif;
	color:white;
	background-color: black;
}

a {
text-decoration:none;
color:black;
background-color:#FC0;
}

a:hover {
color:black;
outline-color: black;

}


#picture {
/*background:blue;*/
padding-left:200px;
text-align:center;
}

#bubble {
	color:black;
	background:rgba(255,255,255,0.9);
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:-60px;
	margin-bottom:30px;
	padding:5px;
	height:20px;
	width:100px;
}


#menu {
text-align:center;
}

#menu.h2 {
text-align:center;
}

#content {
color:black;
max-width:500px;
padding:20px;
text-align:left;
background:white;
margin-left:auto;
margin-right:auto;
text-align:justify;
margin-bottom:0px;
line-height: 2em;
}

#gallery {
text-align:center;

}
#gallery h2 {
font-size:150%;
text-decoration:bold;
}

@media screen and (max-width:625px){
	#content {
		width:80%;
	}
}

.project
{
	white-space:nowrap;
}

.contract  {
    background-color:#F09;
    color:white;
    padding: 5px;
} 

.rust {
	background: #f90;
	color:white;
	padding: 5px;
}
.music {
	background-color: #090;
	color:white;
	padding: 5px;
}
.personal {
	background-color: #06F;
	color:white;
	padding: 5px;
}