@font-face {
  font-family: "BebasKai";
  src: url("./assets/BebasKai.ttf") format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: "InterRegular";
  src: url("./assets/Inter-Variable.ttf") format("truetype");
  font-weight: 100 900;
}

:root {
    --primary-color: #fc5959;
    --secondary-color: #4A5568;
    --text-dark: #2D3748;
    --text-light: #718096;
    --white: #FFFFFF;
    --bg-light: #F7FAFC;

    --font-main: "BebasKai";
    --font-secondary: "InterRegular"
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--font-main);
    color: var(--text-dark);
    line-height: 1.6;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

h1 {
    font-size: 4.25rem;
}

h2 {
    font-size: 2.25rem;
}

@media (max-width: 768px) {
    h1 {
        font-size: 2.5rem;
    }
}