:root {
  --gray-color-1: #151515;
  --gray-color-2: #2C2C2C;
  --gray-color-3: #3B3B3B;
  --gray-color-4: #4C4C4C;
  --gray-color-5: #5B5B5B;
  --gray-color-6: #6B6B6B;
  --gray-color-7: #7A7A7A;
  --gray-color-8: #898989;
  --gray-color-9: #9A9A9A;
  --gray-color-10: #AAAAAA;
  --gray-color-11: #B9B9B9;
  --gray-color-12: #C8C8C8;
  --gray-color-13: #D7D7D7;
  --gray-color-14: #F2F2F2;
  --gray-color-15: #FFFFFF;

  --black-color-1: #252525;
  --black-color-2: #7F8084;
  --black-color-3: #D7D8DA;
  --black-color-4: #F3F3F3;

  --purple-color: #5328FE;
}

html, body {	
  font-size: 8px;
}

*, button, input {
  border: 0;
  outline: 0;

  font-family: 'Gaegu', sans-serif;
}
	
h1 {
  font-size: 6.25rem;
  font-weight: 700;
  color: var(--black-color-1);
}

h2 {
  font-size: 2rem;
  font-weight: 700;
  color: var(--black-color-1);
}

h3 {
  font-size: 3.25rem;
  font-weight: 400;
  color: var(--black-color-1);
}

h4 {
  font-size: 2rem;
  font-weight: 500;
  color: var(--black-color-1);
}

p {
  font-size: 2rem;
  font-weight: 400;
  color: var(--black-color-1);
}

small {
  font-size: 1.75rem;
  font-weight: 400;
  color: var(--black-color-1);
}

button {
  font-size: 2rem;
  font-weight: 400;
  color: var(--black-color-1);
}

a {
  font-weight: 400;
  font-size: 2rem;

  line-height: 3rem;

  color: var(--gray-color-15);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}