/* import fonts here */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/* css variables here */
@import url('https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;600;700&display=swap');

@font-face {
  font-family: 'Gobold High';
  src: url('./font/Gobold_High.ttf');
}

:root {
  --primary: #181818;
  --secondary: #f3235f;
  --titleFont: 'Teko', sans-serif;
  --bodyLight: #ffffff;
  --bodyDark: #181818;
  --bodyFont: 'Roboto', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  /* font-family: var(--bodyFont); */
  font-family: var(--titleFont);
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 600;
}

body {
  font-family: var(--bodyFont);
  overflow: hidden;
  background-color: #353535;
}