/* ROOTS */

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

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

html, body {
    overflow: auto;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
  }

ul, ol {
    list-style: none;
}

a {
    text-decoration: none;
    color: inherit;
}

:root {
/* COLORS  */
  /* main */
  --primary-heavy-black: #191919;
  --primary-black: #231F20;
  --primary-dark-grey: #2C2B2B;
  --primary-dark-blue: #252b42;
  --primary-charcoal: #32393F;
  --primary-light-grey: #EAEAEA;
  --primary-light-blue: #25b8e1;
  --primary-extra-light-blue: #b8e8f2;
  --primary-blue: #2970ff   ;
  --primary-purple: #4f459f;
  --primary-pink: #cd70b2;
  --primary-light-pink: #e9d2f9;
  --primary-red: #d83b24;
  --primary-yellow: #fdc000;
  --primary-green: #84c73c;
  --primary-deep-rose: #cd3754;
}



@font-face {
    font-family: 'LuckiestGuy-Regular';
    src: url('../fontssea/LuckiestGuy-Regular.ttf') format('ttf');
    font-weight: 600;
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../fontssea/OpenSans-Regular.ttf') format('ttf');
    font-weight: 400;
    font-style: normal;
}



h1 {
    font-family: 'LuckiestGuy-Regular', sans-serif;
    font-weight: 700;
    font-size: 64px;
}

h2 {
    font-family: 'LuckiestGuy-Regular', sans-serif;
    font-weight: 700;
    font-size: 48px;
}
h3 {
    font-family: 'LuckiestGuy-Regular', sans-serif;
    font-weight: 700;
    font-size: 30px;
}
h4 {
    font-family: 'LuckiestGuy-Regular', sans-serif;
    font-weight: 700;
    font-size: 25px;
}
h5 {
    font-family: 'LuckiestGuy-Regular', sans-serif;
    font-weight: 700;
    font-size: 20px;
}
h6 {
    font-family: 'LuckiestGuy-Regular', sans-serif;
    font-weight: 700;
    font-size: 18px;
}

p {
    font-family: 'OpenSans-Regular', sans-serif;
    font-weight: 400;
    font-size: 16px;
}

a {
    font-family: 'OpenSans-Regular', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: inherit;
    text-decoration: none;
}