tarea CSS

index.html

<div class="aviso">
  
  <h1>Contrato de conquista <i class="far fa-heart fa-spin" style="color:blue"></i></h1> 
  
  <p>Yo, <strong>Stewie Griffin</strong>, a partir de ahora, <strong>el conquistador</strong>, declaro que D/Dña. <input id="nombre">, a partir de ahora <strong>el conquistado</strong>, se someterá a las órdenes del <strong>conquistador</strong> y acatará cualquier tipo de imposición que sea necesaria para el correcto funcionamiento del plan de dominación mundial. Además, se debe tener en cuenta las siguientes características:</p>
  
  <ul class="features">
    <li>Cualquier necesidad del <strong>conquistador</strong> tendrá preferencia sobre las necesidades del <strong>conquistado</strong>.</li>
    <li>El <strong>conquistador</strong> podrá solicitar asistencia alimentaria y pañales cuando lo considere necesario.</li>    
    <li>En el caso de <strong>falta leve</strong>, el <strong>conquistado</strong> deberá entregar un documento manuscrito con la frase <em>¡La victoria es mía (del conquistador)!</em> 200 veces.</li>
  </ul>
  
  <h4>A) Cláusula de conquista</h4>
  
  <p>Cualquier orden o sentencia imperativa del <strong>conquistador</strong> no se podrá cancelar ni revocar.</p>
  
  <h4>B) Cláusula de rescisión</h4>
  
  <p>El <strong>conquistado</strong> podrá ejercer sus derechos de rescisión de este contrato, siempre y cuando, el <strong>conquistador</strong> así lo desee.</p>
  
  <img id="stewie" src="https://manzdev.github.io/eoi-fullstack/css/stewie-seal.png" alt="Stewie Seal Approves">
 
  
</div>

style.css

/*
  Imagen1: https://manzdev.github.io/eoi-fullstack/css/stewie.png
  Imagen2: https://manzdev.github.io/eoi-fullstack/css/stewie-seal.png
*/
@import url(https://fonts.googleapis.com/css?family=Great+Vibes);
body {
  background-image: url(https://vignette.wikia.nocookie.net/padredefamilia/images/2/27/Stewie_Griffin_04.png/revision/latest?cb=20160612180635&path-prefix=es) , url(https://www.rd.com/wp-content/uploads/2016/03/01-butterfly-facts-fly-at-high-speeds.jpg);
  background-size: none, cover;
  background-repeat: no-repeat;
  background-position: right, center;
}

.aviso{
  font-family: 'Great Vibes', cursive;
  background: white;
  padding: 25px;
  width: 600px;
  margin: auto;
  border-radius: 10%
}

img{
  margin-left:350px;
  margin-top:20px;
}

h1{
  text-shadow: 0 0 5px purple;
}

h4{
  text-shadow: 0 0 5px purple;  
}

styles

<link href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" rel="stylesheet" />

xavnwg.markdown

xavNWg

A Pen by Cristina González Marrero on CodePen.

License.