body {
    background-color: #FCFCFC;
}

h6 {
  font-weight: bold;
  color: var(--color-neutral-dark-600);
}


.elevation-base {
    margin-top: var(--rem-base-32);
    box-shadow: var(--elevation-base);
    padding: var(--rem-base-32);
    height: 200px;

  }
  
  .elevation-uniform {
    margin-top: var(--rem-base-32);
    box-shadow: var(--elevation-uniform);
    padding: var(--rem-base-32);
    height: 200px;
  }
  
  .elevation-spread {
    margin-top: var(--rem-base-32);
    box-shadow: var(--elevation-spread);
    padding: var(--rem-base-32);
    height: 200px;
  }
  
  .elevation-float {
    margin-top: var(--rem-base-32);
    box-shadow: var(--elevation-float);
    padding: var(--rem-base-32);
    height: 200px;
  }
  
  .elevation-above {
    margin-top: var(--rem-base-32);
    box-shadow: var(--elevation-above);
    padding: var(--rem-base-32);
    height: 200px;
  }

  .elevation-modal {
    margin-top: var(--rem-base-32);
    box-shadow: var(--elevation-modal);
    padding: var(--rem-base-32);
    height: 200px;
  }

  .elevation-specs {
    margin-top: var(--rem-base-12);
    border-left: 2px solid var(--color-brand-primary-200);

    & p {
        padding-left: var(--rem-base);
    }
    
  }

  section img {
    margin-top: var(--rem-base-64);
  }