/* ------------------------------
   1. Reset (modern + minimal)
------------------------------ */

*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  margin: 0;
}

html,
body {
  height: 100%;
}

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

/* Delete after final build is complete */
main {
  /* clamp(minimum, preferred, maximum) */
  margin: clamp(24px, 5vw, 48px) auto;

  /* Padding: 24px on sides for mobile safety */
  padding-left: 24px;
  padding-right: 24px;
  
  /* Limits the content width */
  max-width: 600px;
  
  /* Ensures padding/borders don't break the width */
  box-sizing: border-box; 
  
}

span {
  color:#006BFF;
}
/* Delete after final build is complete */