@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Oxygen');
@import url('https://fonts.googleapis.com/css?family=Titillium+Web');
<script src="//use.edgefonts.net/muli.js"></script>


h1 	{
	font-family: 'Oxygen', sans-serif;
	
	}

h3 	{
	font-family: 'Titillium Web', sans-serif;
	color: blue;
	}
	
p 	{
	font-family: muli, sans-serif;
	}
	
.span{
	color:#F90004;
	}
	
.HTML5 {
	background-color: #FFB5FB;
	text-align: justify;
	padding: 10px;
	float: left;
	border: 2px solid #FFFFFF;
	position: relative;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-left: 5px;
	border-radius: 15px;
	}
	
.CSS {
	background-color: #dba740;
	padding: 10px;
	border: 2px solid #fafafa;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-left: 5px;
	border-radius: 15px;
	}

.fotos {
	background: linear-gradient(to top, #F7E1F6 0%, #DB87F1 100%);
	margin: 5px;
	padding: 10px;
	clear: left;
	float: left;
	border-width: thin;
	border-style: none;
	position: relative;
	}
	
.H1 {
	float: left;
	background-color: #E4F4AB;
	letter-spacing: 2em;
	text-align: center;
	margin: 10px;
	padding: 5px;
	border-width: thin;
	border-style: double;
	}
	
.video {
	background-color: #EC4459;
	padding: 10px;
	border: 2px solid #fafafa;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-left: 5px;
	border-radius: 15px;
}