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

/* Reset a */
a {
  text-decoration: none;
  outline: none;
}

/* Reset margins */
body,
h1,
h2,
h3,
h4,
h5,
p,
figure,
picture {
  margin: 0;
}

/* Colors & Fonts */
:root {
  --color01: #E52B43; /* Header<a> active & <button> */
  --color02: #4D2C8A; /* Header<a> & <button> hover */
  --color03: #D39106; /* BG left side component 01 */
  --color04: #e0d9d1; /* BG component 02 & 04 */
  --color05: #1B1B1B; /* BG Header & components 03 & 05 */
  --color06: #979280; /* Header text & components 02 & 04 title & Subtitle p text cards*/
  --color07: #fff; /* Texts & cards bg description */
  --color08: #000; /* Undefined */
  --font42: 2.625rem;
  --font32: 2rem;
  --font28: 1.75rem;
  --font25: 1.5625rem;
  --font24: 1.5rem;
  --font22: 1.375rem;
  --font20: 1.25rem;
  --font18: 1.125rem;
  --font16: 1rem;
  --font14: 0.875rem;
  --font12: 0.75rem;
  --font10: 0.625rem;
}

.main-body {
  width: auto;
  margin: auto;
}