* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
ul li {
  list-style-type: none;
}
a {
  text-decoration: none;
}
:root {
  /* COLOR */
  --primary-red: #e62d24;
  --primary-black: #231f20;
  --primary-grey: #939598;
  --primary-white: #ffffff;
  --primary-light-grey: #f5f5f5;
  --primary-orange: #f46d49;
  
  /* FONT SIZE */
  --font-size-13: 13px;
  --font-size-16: 16px;
  --font-size-20: 20px;
  --font-size-24: 24px;
  --font-size-26: 26px;
  --font-size-42: 42px;
  --font-size-46: 46px;
  --font-size-50: 50px;
}
h1 {
  font-size: var(--font-size-50);
}
h2 {
  font-size: var(--font-size-46);
}
h3 {
  font-size: var(--font-size-42);
}
h4 {
  font-size: var(--font-size-26);
}
h5 {
  font-size: var(--font-size-24);
}
h6 {
  font-size: var(--font-size-20);
}
p {
  font-size: var(--font-size-16);
}
a {
  font-size: var(--font-size-16);
}

/* POPPINS FONT */
.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}

/* Rubix font */
.rubik-thin {
  font-family: "Rubik", sans-serif;
  font-weight: 100;
  font-style: normal;
}
.rubik-extrathin {
  font-family: "Rubik", sans-serif;
  font-weight: 200;
  font-style: normal;
}
.rubik-light {
  font-family: "Rubik", sans-serif;
  font-weight: 300;
  font-style: normal;
}
.rubik-regular {
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.rubik-medium {
  font-family: "Rubik", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.rubik-semibold {
  font-family: "Rubik", sans-serif;
  font-weight: 600;
  font-style: normal;
}
.rubik-bold {
  font-family: "Rubik", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.rubik-extrabold {
  font-family: "Rubik", sans-serif;
  font-weight: 800;
  font-style: normal;
}
.rubik-black {
  font-family: "Rubik", sans-serif;
  font-weight: 900;
  font-style: normal;
}