Skip to content
8 changes: 4 additions & 4 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -30,8 +30,8 @@ <h2 class="titulo-secundario">¿Te interesa participar?</h2>
<form>
<input class="input" placeholder="Nombre" name="name" />
<input class="input" placeholder="Correo" name="email" />
<button class="boton-principal">Limpiar</button>
<button class="boton-secundario">Participar</button>
<button class="boton boton-principal">Limpiar</button>
<button class="boton boton-secundario">Participar</button>
</form>
</div>
<div class="tarjeta">
Expand All @@ -40,8 +40,8 @@ <h2 class="titulo-secundario">¿Quieres recomendar a alguien?</h2>
<form>
<input class="input" placeholder="Nombre" name="name" />
<input class="input" placeholder="Correo" name="email" />
<button class="boton-principal">Limpiar</button>
<button class="boton-secundario">Invitar</button>
<button class="boton boton-principal">Limpiar</button>
<button class="boton boton-secundario">Invitar</button>
</form>
</div>
</section>
Expand Down
40 changes: 40 additions & 0 deletions styles.css
Original file line number Diff line number Diff line change
@@ -1,3 +1,30 @@
.input{
padding: 9px;

}
.boton{
padding: 10px;
width: 100px;
color: #ffffff;
border: none;
cursor: pointer;
font-size: 14px;
}
.boton-principal{
background-color: #e22323 ;
}

.boton-secundario{
background-color: #1565c0;
}

.boton-principal:hover{
background-color: #b41f1f;
}

.boton-secundario:hover{
background-color: #0d3e77;
}
.parrafo{
font-size: 20px;
font-style: italic;
Expand All @@ -15,5 +42,18 @@
font-size: 20px;
font-family: Arial;
width: 80px;
}
.titulo-principal {
background-color: rgb(195, 114, 206);
font-size: 80px;
font-style:oblique;
margin-bottom: 10px;
text-align: center;
}


.titulo-secundario {
background-color: blueviolet;
font-size: 25px;
text-align: center;
}