:root {
    --color-texto: hsl(0, 0%, 100%);
    --color-fondo:  hsl(24, 94%, 77%);
    --espaciado: 0.1rem;
    --font-size-base: 1.5rem;
    --font-family: 'Arial Black', Gadget, sans-serif;
    --border:solid 0.1rem red;
    --border-radius:1rem;
  }

  body {
    background-color: var(--color-fondo);
    color: var(--color-texto);
    font-family: sans-serif;
    width: 100%;
    height: 100%;
  }

  .container1 {
    background-color:  hsl(219, 55%, 54%);
    padding: var(--espaciado);
    margin: var(--espaciado);
    --espaciado: 1.5rem;
    height: 8rem;
    border-radius: var(--border-radius);
  }
 .foto{
    padding-left: 45%;
    margin-top: -0.5%;
}
  .foto img{
    border: solid 0.5rem white;
    float:left;
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
  }
  .t5{
    float:left;
  }
  .t6{
    display: flex;
  }
  img{
    width: 100%;
    height:100%;
  }
 .container5{
    background-color: hsl(219, 55%, 54%);
    padding: var(--espaciado);
    text-align:center;
    --espaciado: 1.5rem;
    height: 8rem;
    margin-top: 17%;
    
 }
    .container2 {
    background-color: hsl(219, 55%, 54%);
    padding: var(--espaciado);
    margin: var(--espaciado);
    text-align:center;
    --espaciado: 1.5rem;
    height: 8rem;
  }
 
  .img3{
    width: 100%;
    height: 8rem;
    float: left;
    border:var(--border);
  }

  .t1  {
    font-size: calc(var(--font-size-base) * 1);
    text-align:center;
    font-family: var(--font-family);
  }

  .t2  {
    font-size: calc(var(--font-size-base) * 1);
    text-align:right;
    margin-top: -2.6%;
    font-family: var(--font-family);
  }
  .container3 {
    background-color:hsl(219, 55%, 54%);
    margin: var(--espaciado);
    --espaciado: 1.5rem;
    height: 3rem;
    width: 15%;
    margin-top: -25%;
    padding-left: 15%;
  }
  .esc{
    padding-left: -15%;
}
.t4{
    margin-top: 1rem;
    font-size: calc(var(--font-size-base) * 1);
    text-align:center;
    font-family: var(--font-family);
  }

  .container4{
    background-color: hsl(219, 55%, 54%);;
    align-content:center;
   
    height: 3rem;
    width: 80%;
    margin-top: -18%;
  }

  .con1{
    margin-top: -18%;
    background-color: hsl(207, 61%, 57%);
    height: 100%;
    width: 15%;
    padding: var(--espaciado);
    border-radius: var(--border-radius);
    font-family: var(--font-family);
    font-size: calc(var(--font-size-base) * 1);
    align-content: center;
    ¿
  }