*{padding: 0; margin: 0 ;border: 0;
    box-sizing: border-box;
    }

    :root {
      --color-textos: rgb(95, 95, 95);
      --color-textos-secundarios: rgba(255, 255, 255, 0.527);
      --color-textos-alfa: rgb(72, 105, 90);
      --color-fondos: rgb(236, 225, 235);
      --color-1: rgb(93, 75, 102);
      --color-2: rgb(80, 74, 87);
      --color-3: rgb(60, 30, 75);
      --color-3-alfa: hsl(280 29% 44% / .15);
      --color-4: rgb(43, 33, 61);
      --tipo-titulos: 'Franklin Gothic Medium';
      --tipo-textos: 'Gill Sans'
    }
    
    body {
      font-family: 'Franklin Gothic Medium';
      margin: 0;
      color: var(--color-textos);
      background-color: var(--color-fondos);
    }

    h1, h2, h3, h4, p {
      font-family: var(--tipo-titulos);
      margin: .5rem;
    }
    
 

    ul,
    ol {
      list-style: none;
      padding: 0;
    }
    
    .contenedora {

      width: min( 75rem, 100% );
      margin-inline: auto;
      padding: 1rem;
    }
    
  
    header,
    footer {
        background-color: var(--color-1);
      color: var(--color-fondos);
    }
    h1 {background-color: #567760;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        font-size: 60;
        color: rgb(255, 255, 255);
        box-sizing:border-box;
  
      }
  
  h2 {background-color: #aac5b2;
      font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
      font-size: 50;
      color: rgb(97, 6, 97);
      }
    
  h3 {background-color: #5677601f;
      font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
      font-size: 60;
      color: rgb(95, 62, 95);
      width: fit-content;}
      
  h4 {background-color: #567760;
     font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
     font-size: 100;
     color: rgb(255, 255, 255);
  
      }