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

@font-face {
    font-family: 'fira';
    src: url('FiraSansOT-Light.otf');
}

*
{
	padding:0;
	margin::0;
}
	

body
{
	width:35%;
}

#firaFont
{
	font-family: 'fira';
	font-size: 1.5em;
	color: blue;
	background-color: green;
}

#googleFont
{
	font-family: 'Tangerine', serif;
	font-size: 1.9em;
	color:red;
}

#marco {
    background-color: white;
    padding: 10px;
    margin: 10px;
    border: 3px solid black;
}

#contenedor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-wrap: wrap;
    flex-wrap:wrap;
}

div {
	float: left;
	padding: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 10px solid #666;
    background-color:#CCF;
}


.vertical {
  padding:3px;
  border:1px solid black;
  background-color:white;
  width:300px;
  height:300px;
  border-radius: 10px;
  background: -webkit-linear-gradient(red, blue); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(red, blue); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(red, blue); /* For Firefox 3.6 to 15 */
  background: linear-gradient(red, blue); /* Standard syntax */
}

.horizontal
{
  border:1px solid white;
  background-color:white;
  width:300px;
  height:196px;
}