@import url('header.css');
@import url('main.css');
@import url('footer.css');

:root {
  /* Font Size */
  --size-mega: 72px;
  --size-larger: 24px;
  --size-large: 20px;
  --size-medium: 16px;
  --size-small: 14px;
  --size-smaller: 12px;
  --size-micro: 10px;

  /* Font Weight */
  --weight-extra-bold: 900;
  --weight-bold: 500;
  --weight-regular: 400;

  /* Color */
  --color-black: #111;
  --color-white: #fff;
  --color-white-greyish: #f5f5f5;
  --color-grey: #7e7e7e;
  --color-grey-bright: #e5e5e5;
  --color-grey-light: #cccccc;
  --color-grey-dark: #757575;
  --color-brown: #aa8375;

  /* Font Family */
  /* 
  Nike Futura -> Jost
  Helvetica -> Inter
  Helvetica Neue -> Inter
  Nike TG -> Pragati Narrow
  */
  --font-futura: 'Jost', sans-serif;
  --font-helvetica: 'Inter', sans-serif;
  --font-tg: 'Pragati Narrow', sans-serif;

  /* Space */
  --space-wide: 48px;
  --space-wide-semi: 24px;
  --space-regular: 16px;
  --space-narrow-semi: 12px;
  --space-narrow: 8px;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: var(--font-helvetica);
  font-weight: 400;
  text-align: center;
  line-height: 1.5;
}

ul {
  padding: 0;
  margin: 0;
}

li {
  list-style: none;
}

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

button {
  outline: none;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

input[type='text'] {
  outline: none;
  background: transparent;
  border: none;
}

h1,
h2,
h3,
h4,
p {
  margin: 0;
  line-height: 1.5;
}