:root {
    --site-width: 1200px;
    --yellow: #FECA09;
    --yellow-light: #FFED0A;
    --white: white;
    --title-color: #141414;
    --text-color: #242424;
}

@font-face {
    font-family: "BaconyScript";
    font-style: normal;
    font-weight: 400;
    src: url(/assets/fonts/BaconyScript-Regular.otf) format("opentype");
}

html,
body {
    background-color: var(--yellow);
    min-height: 100vh;
    overflow-x: clip;
}

h2 {
    font-family: BaconyScript, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

    font-size: 120px;
    text-align: center;
    font-weight: 400;
    color: var(--title-color);
}

h4 {
    font-family: "Nunito", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
    font-size: 18px;
    color: var(--title-color);
}

p {
    font-family: "Nunito", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    color: var(--text-color);
}

::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: black;
    border-radius: 6px;
    border: 2px solid var(--yellow);
}

::-webkit-scrollbar-thumb:hover {
    background: black;
}

::-webkit-scrollbar-corner {
    background-color: var(--yellow);
}