@import url('https://fonts.googleapis.com/css?family=Roboto|Roboto+Condensed');
@import url('https://fonts.googleapis.com/css?family=Sansita');
@import url('https://fonts.googleapis.com/css?family=Roboto|Sansita|Source+Sans+Pro');
@import url('https://fonts.googleapis.com/css?family=Oxygen|Roboto|Sansita|Source+Sans+Pro');

header {
	margin: 5px;
	padding: 25px;
	height: 10%;
	width: 95%;
	color: #DAF7A6;
	background-color: #060900;
	font-family: 'Sansita', sans-serif;
	font-size: 24px;
	font-weight: bold;
	border-radius: 10px 30px;

}

#mainsection {
	margin: 5px;
	padding: 10px;
	background-color: #2e86c1;
	height: 100%;
	width: 65%;
	float: left;
	background: -webkit-linear-gradient( #2e86c1 , #aed6f1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#2e86c1, #aed6f1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#2e86c1, #aed6f1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#2e86c1, #aed6f1); /* Standard syntax */
	border-radius: 10px;
}

#mainaside {
	margin: 5px;
	padding: 10px;
	background-color: #2e86c1; 
	height: 100%;
	width: 30%;
	float: left;
	background: -webkit-linear-gradient( #2e86c1 , #aed6f1); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#2e86c1, #aed6f1); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#2e86c1, #aed6f1); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#2e86c1, #aed6f1); /* Standard syntax */
    border-radius: 10px;
}

#mainfooter {
	margin: 5px;
	padding: 25px;
	background-color: #aed6f1; 
	height: 20%;
	width: 95%;
	clear: both;
	border-radius: 10px;
}

#imground {
	/* cambia estos dos valores para definir el tamaño de tu círculo */
    height: 100px;
    width: 100px;
    /* los siguientes valores son independientes del tamaño del círculo */
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 50%;
    background-size: 100% auto;
}

#mainvideo {
	position: relative;
	padding-bottom: 24%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

#imgsvg {
	margin: 5px;
	padding: 10px;
	height: 40%;
	width: 40%;
	float: left;
}

.lipsum {
	clear: both;
	margin: 3px;
	padding: 3px;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
}

.lipsumAside {
	margin: 3px;
	padding: 3px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
}

.lipsumFooter {
	margin: 3px;
	padding: 3px;
	font-family: 'Oxygen', sans-serif;
	font-size: 16px;
}

h3 {
	color: #fafcfc;
}

h1 {
	margin: 3px;
	padding: 3px;
	color: #DAF7A6;
	font-family: 'Sansita', sans-serif;
	font-size: 30px;
	font-weight: bold;
}