@import url("reset.css");
@import url("variables.css");
@import url("buttons.css");
@import url("animations.css");

@import url("navbar.css");
@import url("hero.css");
@import url("featured-project.css");
@import url("about.css");
@import url("projects.css");
@import url("roadmap.css");
@import url("footer.css");

/* ===========================
   GLOBAL STYLES
=========================== */

html{

    scroll-behavior:smooth;

}

body{

    margin:0;

    background:var(--background);

    color:var(--text-primary);

    font-family:var(--font-family);

    overflow-x:hidden;

}

main{

    width:100%;

}

section{

    width:100%;

    position:relative;

}

img{

    display:block;

    max-width:100%;

}

a{

    text-decoration:none;

    color:inherit;

}

.container{

    width:min(1200px,92%);

    margin:auto;

}

/* ===========================
   SECTION TAG
=========================== */

.section-tag{

    display:inline-flex;

    align-items:center;

    gap:.6rem;

    padding:.5rem 1rem;

    border-radius:999px;

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.08);

    color:var(--accent);

    font-size:.85rem;

    letter-spacing:.08em;

    text-transform:uppercase;

}

/* ===========================
   HEADINGS
=========================== */

h1{

    font-size:clamp(3rem,8vw,6rem);

    line-height:1;

    margin:0;

}

h2{

    font-size:clamp(2rem,5vw,4rem);

    margin:0;

}

h3{

    margin:0;

}

p{

    line-height:1.8;

    color:var(--text-secondary);

}

/* ===========================
   TEXT HIGHLIGHT
=========================== */

span{

    color:inherit;

}

.hero-title span,
h2 span{

    color:var(--accent);

}

/* ===========================
   CUSTOM SCROLLBAR
=========================== */

::-webkit-scrollbar{

    width:10px;

}

::-webkit-scrollbar-track{

    background:#090909;

}

::-webkit-scrollbar-thumb{

    background:var(--accent);

    border-radius:999px;

}

::-webkit-scrollbar-thumb:hover{

    background:var(--accent-light);

}