@import url('https://fonts.googleapis.com/css2?family=SF+Pro+Display:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');

/* Variabilisation */
:root{
--primary-color: #000000;
--secondary-color:#2C2C2C;
--tertiary-color: #EDEDED;
--other-color: #181313;
--text-color:#CFCFCF;
--font-size:10px;
--font-family1: 'SF Pro Display', Arial, sans-serif;
--font-family2: "Figtree", sans-serif;
 
}
*{
    padding: 0;
    margin: 0;
    bottom: none;
}
html{
    font-size: var(--font-size);
}
body {
    font-family: var(--font-family);
    overflow-x: hidden
}
.font-figtree{
    font-family: var(--font-family2);
}
.bg-secondary-color{
    background: var(--secondary-color);
}
.bg-gradient{
    background: linear-gradient(100.23deg, #2E2E2E 42.36%, #000000 98.65%);
}
.bg-gradient2{
    background: var(--other-color);
}
.color-text{
    background: #909090;
}
.bg-gradient2{
    background: var(--tertiary-color);
}
.text-color2{
    font-variant: var(--text-color);
}

.nav-links{
    margin-left: -100%;
}
.mobile-menu{
    margin-left: 0;
}