@import '../default/style.css';

:root {
  /* layBlocks variables */
  --lb-gap: 40px;
  /* globel.css overrides */
  --taxonomy-gap: 40px;
  --project-list-gap: 20px;
  
  /* Local to this profile — not an app-defined knob, just DRY between the
     two rules below. */
  --image-radius: 20px;
}

html{
  --taxonomy-inset: 0px
} 

.lb-richtext {
  font-size: 20px;
}

@media (max-width: 768px) {
  html{
    --taxonomy-inset: 10px
  } 
} 
@media (min-width: 768px) {
  .lb-content-image,
  .lb-image {
    border-radius: var(--image-radius);
  }

  .lb-section {
    padding: 40px;
  }
}

  .lb-taxonomy-image{
    border-radius: var(--image-radius);
  }