:root {
    --color-texto: hsl(0, 0%, 100%);
    --color-fondo: hsl(45, 100%, 50%);
    --espaciado: 0.5rem;
    --font-size-base: 1.5rem;
    --font-family: 'Arial Black', Gadget, sans-serif;
    --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(219, 55%, 54%);
    padding: var(--espaciado);
    margin: var(--espaciado);
    --espaciado: 1.5rem;
    height: 8rem;
    text-align: center;
  }
  img{
    width: 8rem;
    height: 8rem;
    float: left;
    border-radius: 80rem;
  }
  .t3, h4{
    margin-right: 10rem;
  }

    .container2 {
    background-color: hsl(219, 55%, 54%);
    padding: var(--espaciado);
    margin: var(--espaciado);
    text-align:center;
    --espaciado: 1.5rem;
  }
  
  .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(219, 55%, 54%);
    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);
  }
  
  