[Proyecto] lo que hicimos en clase

/*Css para nuestra pagina inicial index home */ .banner{ width: 100%; } .principal{ width: 940px; margin: 0 auto; padding: 3em 0; background: #fefefe; } .titulo-principal{ text-align: center; font-size: 2em; margin:0 0 1em; clear: left; } .titulo-principal:first-letter{ font-weight: bold; } .principal p{ margin: 0 0 1em; } .principal strong{ font-weight: bold; } .pricinpal em{ font-style: italic; } .utencilios{ width: calc( (100% / 3) - 10px ); border-radius: 50%; float: left; margin: 0 20px 0 20px; } .mapa{ padding: 3em 0; background: linear-gradient(#fefefefe,#888888) ;

} .mapa p{ text-align: center; margin: 0 0 2em; text-align: center; } .mapa-contenido{ width: 940px; margin: 0 auto; } .mapaf{ width: 100%; align-items: center; padding: 3em 0; border-radius: 10%;

}

.diferenciales{

padding: 3em 0; background:#888888 ;

} .contenido-difenciales{ width:640px ; margin:0 auto; }

.lista-diferenciales{ margin: 0 0 150px 100px ; width: 30%; display: inline-block; vertical-align: top; } .items{

line-height: 1.5;

} .items:before{ content:"★" }

.items:nth-child(1){ font-weight: bold; } .imegemDiferencial{ width: 60%; border-radius: 20px;

}

.video{ width: 560px; margin: 1em auto; }