@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap');



:root {
    /*--max-width: 110px;*/
    /*--border-radius: 12px;*/
    /*--font-mono: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono",*/
    /*"Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro",*/
    /*"Fira Mono", "Droid Sans Mono", "Courier New", monospace;*/

    --black: #3b3d41;
    --grey: #a0a5ac;
    --line-grey: #e1e4e8;
    --slate-black: #667085;
    --mist-grey: #f2f2f2;

    --subheading: rgb(212 212 216); /* D4D4D8FF */

    --card-border: rgb(38 38 38/1);


    --text: #B0B0B8;
    --text1: #A1A1A6; /* 6.88 */
    --text2: #9B9B9B;
    --text3: rgb(150, 150, 150);
    --text4: #86868b;
    --text5: rgb(115 115 115);

    --light-green: #22c55e;
    --light-yellow: #ffc107;
    --light-blue: #3b82f6;
    --light-red: #ff3737;
    --light-red2: #ff69b4;

    --orange: #FF9800;

    --green: #2e865f;
    --soil: #eeb27b;







    --color-deep-russet: #8B3A3A;
    --color-forest-green: #2E5C2E;
    --color-mustard-yellow: #D9A900;
    --color-off-white: #F5F5F0;
    --color-dark-text: #3a3a3a;

    --font-sans: 'Inter', sans-serif;
    --font-serif: 'Lora', serif;

}

/*  reset everything*/
*,
*::before,
*::after {
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
    border: 0 solid transparent;
}

/*  prevent iOS font size change*/
html {
    -webkit-text-size-adjust: 100%;
}

/*  reset body line-height*/
body {
    background-color: rgb(255, 255, 255);
    /*font-family: "SF Pro Display", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", "Arial",sans-serif;*/
    line-height: 1;
    /*text-rendering: optimizeSpeed;*/
    text-rendering: optimizeLegibility;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*max-width: 1440px;*/
}

/*  assign button hover state*/
button,
[role="button"] {
    cursor: pointer;
    background-color: transparent;
    -webkit-tap-highlight-color: transparent;

    &:focus {
        outline: 0;
    }
}

/*  reset anchor style*/

p {
    font-family: --myCustomFont, "system-ui", "-apple-system",
    "BlinkMacSystemFont", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    color: var(--grey);
    text-decoration: none;
    text-transform: none;
    line-height: 20px;
}

main {
    width: 95%;
    max-width: 1440px; /* Fixed maximum width */
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto; /* Centering main element */
    overflow: hidden;
}

h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 60px;
    font-style: normal;
    font-weight: 350;
    letter-spacing: 2px;
    color: var(--black);
    text-decoration: none;
    text-transform: none;
}

a {
    cursor: pointer;
    color: inherit;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

/* globals.css */
html, body {
    overflow: hidden; /* Hide overflow initially */
    overflow-y: scroll; /* Enable vertical scrolling */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE 10+ */
}

/* Hide scrollbar for Chrome, Safari, and Edge */
html::-webkit-scrollbar, body::-webkit-scrollbar {
    display: none;
}
