body{
	font-family: 'Ubuntu', serif;
	margin:0;
	position:absolute;
	
    /*-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
    /*-moz-animation: fadein 2s; /* Firefox < 16 */
    /*-ms-animation: fadein 2s; /* Internet Explorer */
    /*-o-animation: fadein 2s; /* Opera < 12.1 */
    /*animation: fadein 2s;*/
	opacity:0;
	transition: 0.5s opacity;
}
.show{
	opacity:1;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}



a:link    {color:inherit; background-color:transparent; text-decoration:none}
a:visited {color:inherit; background-color:transparent; text-decoration:none}
a:hover   {color:#000; background-color:transparent; text-decoration:none}
a:active  {color:#555; background-color:transparent; text-decoration:none}
#bar{
	position:fixed;
	background-color: rgba(66,66,66,0.9);
	/*background-color: rgba(5,5,242,0.9);*/
	z-index:9999;
	background-color: rgba(0,73,144,0.9);
	top:0;
	width:100%;
}
.barlink{
	padding:0 10px;
}
#content{
	background-color:#EEE;
	width:80%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	padding-top:2em;
}
.anchor{
	position:absolute;		
}
hr{
	width:80%;
	margin-top:2em;
	margin-bottom:2em;
}
.circle{
	border-radius:50%;
	height:15em;
	width:15em;
}
.section{
}
.sectionHead{
	font-size:2em;
	width:100%;
	text-align:center;
	padding:.5em 0;
	background:#CCC;
}
.projectContent{
	display:inline-block;
	margin:1em 4em;
	overflow:overlay;
}
.projectName{
	display:block;
	font-weight:bold;
	font-size:2em;
	margin:0.5em 0em 0.1em 0em;
}
.projectTitle{
	display:block;
	font-weight:bold;
    color:#555555;
	font-size:1.6em;
	margin:0em 0em 0.5em 0em;
}
.projectDescription{
	display:inline-block;
	width:65%;
	font-size:1.2em;
	text-align:justify;
	font-family: 'Roboto', serif;
}
.rob{
	font-family: 'Roboto', serif;
}
.projectImage{
	float:right;
	width:30%;
	margin-top:1em;
}
.dropshadow{
    -webkit-filter: drop-shadow(5px 5px 5px #222);
    filter: drop-shadow(5px 5px 5px #222);
}
.rotate90 {
	    -webkit-transform: rotate(90deg);
		    -moz-transform: rotate(90deg);
			    -o-transform: rotate(90deg);
				    -ms-transform: rotate(90deg);
					    transform: rotate(90deg);
}
.rotate180 {
	    -webkit-transform: rotate(180deg);
		    -moz-transform: rotate(180deg);
			    -o-transform: rotate(180deg);
				    -ms-transform: rotate(180deg);
					    transform: rotate(180deg);
}