: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:80rem;
  }

  body {
    font-size: var(--font-size-base);
    background-color: var(--color-fondo);
    color: var(--color-texto);
    font-family: sans-serif;
  }

  .container1 {
    background-color: hsl(103, 39%, 52%);
    padding: var(--espaciado);
    margin: var(--espaciado);
    --espaciado: 1.5rem;
    height: 8rem;
    text-align: center;
  }
  img{
    width: 40rem;
    height: 8rem;
  }
 
  .t3, h4{
    margin-right: 10rem;
    
  }
  .foto img{
    float:left;
    width: 8rem;
    border-radius: 50%;
  }

    .container2 {
    background-color: hsl(219, 55%, 54%);
    padding: var(--espaciado);
    margin: var(--espaciado);
    text-align:center;
    --espaciado: 1.5rem;
    height: 8rem;
  }
  .img1{
    width: 40rem;
    height: 8rem;
    float: left;
    border:var(--border);
  }
  .img1t{
    width: 40rem;
    height: 8rem;
    float: right;
    border:var(--border);
  }
  .img2{
    float:right;
    margin-top: -5rem;
    width: 40rem;
    height: 8rem;
    border:var(--border);
  }
  .img3{
    width: 40rem;
    height: 8rem;
    float: left;
    border:var(--border);
  }
  .t  {
    font-size: calc(var(--font-size-base) * 1);
    align-content: center;
  }

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

  .t2  {
    font-size: calc(var(--font-size-base) * 1);
    text-align:right;
    font-family: var(--font-family);
  }
  .container3 {
    background-color:hsl(103, 39%, 52%);
    margin: var(--espaciado);
    --espaciado: 1.5rem;
    height: 3rem;
  }
.t4{
    display: flex;
    margin-top: 1rem;
    font-size: calc(var(--font-size-base) * 1);
    text-align:right;
    font-family: var(--font-family);
  }