@charset "utf-8";

@font-face {
	font-family: "roboto";
    font-style: normal;
	src: url("fonts/Roboto-Regular.ttf") format("truetype");
}

@font-face{
	font-family: "fira";
	font-style: normal;
	src:url("fonts/FiraMono-Regular.ttf") format("truetype");
}

html, body{
	width: 100%;
	height: 100%;
	padding: 0%;
	margin: 0%;	
}

h1{	
	background-color: #E3E3E3;
	text-align: center;
	}

h2{
	text-align:center;
}
	
.roboto{
	background: lightsteelblue;
	font-family: roboto, serif;	
}

.fira{
	background: firebrick;
	font-family: fira, serif;
	}

body{
	font-size: 20px;
	margin-top: 20px;	
	background: -moz-linear-gradient(left, black, lightskyblue, white); /*fondo degradado firefox*/
	background: -webkit-linear-gradient(left, black, lightskyblue, white); /*fondo degradado chrome y safari*/
	background: -ms-linear-gradient(left, black, lightskyblue, white); /*fondo degradado internet explorer*/
	background: -o-linear-gradient(left, black, lightskyblue, white); /*fondo degradado opera*/
    background: linear-gradient(left, black, lightskyblue, white);		
}