@import url("https://fonts.googleapis.com/css2?family=Sora:wght@300;400;600;700;800&display=swap");

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

* {
  margin: 0;
  padding: 0;
}

/* || font size to % */

html {
  font-size: 62.5%; /* 100% = 16px, hence 62.5% = 10px */
}

body {
  font-family: "Sora", sans-serif;
  font-size: var(--font-size-h5);
}

/* || Remove built-in form typography styles */

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

/* Button styles */

button {
  border: none;
  cursor: pointer;
}

/* Heading sizes */

h1, p1 {
  font-size: var(--font-size-h1);
}
 
h2, p2 {
  font-size: var(--font-size-h2);
}
 
h3, p3 {
  font-size: var(--font-size-h3);
}
 
h4, p4 {
  font-size: var(--font-size-h4);
}
 
h5, p5 {
  font-size: var(--font-size-h5);
}