ejemplo2

<!-- Darle clases de diseño a textos -->

<!-- Ejemplo 2 pal compa -->

<!-- Llamamos una etiqueta para formar un texto en este caso p -->

<p class="ejemplo">Navidad</p>

@charset "UTF-8"; /* Codificacion */

@import url(http://fonts.googleapis.com/css?family=Titan+One); /* Fuentes de letras */

/*  escribimos nuevamente un body */

body {

  background: #1b1e23;

  text-align: center;

}

/* ahora vamos a escribir la clase para conectarla con las letras asignadas anteriormente */

.ejemplo {

  /* recuerda que este es para darle color al texto */

  color: #2c90c6; 

  font-size: 50px; /* Tamaño de texto */

  margin: 2% auto;

  text-align: center; /* texto centrado */

  /* ahora llamemos a un tipo de fuente */

  font-family: 'Titan One'; /* puedes mandarla cursiva negrilla como quieras */

  /* un text-shadow */

  /* utilizaremos el tipo de color rgba para ir conociendo y entiandolos */

  text-shadow: 1px 2px 1px  rgba(0,0,0,.5); /* declaramos una sombra */

}

/* declaremos un hover aver que pasa */

p:hover {

  text-shadow: 2px 2px 20px  #2c90c6, #fff 0 -1px 2px;

}