:root{ /* ---------------------------- --------------------- ---------------------------- */ /* ---------------------------- --------------------- ---------------------------- */ /* ---------------------------- ROOT FONT MAIN STYLES ---------------------------- */ /* ---------------------------- --------------------- ---------------------------- */ /* ---------------------------- --------------------- ---------------------------- */ /* ---------------------------- --------------------- ---------------------------- */ /* ---------------------------- ROOT FONT MENU STYLES ---------------------------- */ /* ---------------------------- --------------------- ---------------------------- */ /* ---------------------------- ----- MENU LINK ----- ---------------------------- */ /* MENU LINK FS ---------------------------- */ --Fs-Menu-Link: 80px; /* MENU LINK LH ---------------------------- */ --Lh-Menu-Link: 104px; /* ---------------------------- ----- MENU COMM ----- ---------------------------- */ /* MENU COMM FS ---------------------------- */ --Fs-Menu-Comm: 20px; /* MENU COMM LH ---------------------------- */ --Lh-Menu-Comm: 24px; /* ---------------------------- --------------------- ---------------------------- */ /* --------------------------- ROOT FONT FOOTER STYLES --------------------------- */ /* ---------------------------- --------------------- ---------------------------- */ /* ---------------------------- ----- TIME FOOT ----- ---------------------------- */ /* TIME FOOT FS ---------------------------- */ --Fs-Footer-Time-1: 42px; --Fs-Footer-Time-2: 16px; --Fs-Footer-Time: var(--Fs-Footer-Time-1); /* TIME FOOT LH ---------------------------- */ --Lh-Footer-Time-1: 50px; --Lh-Footer-Time-2: 19px; --Lh-Footer-Time: var(--Lh-Footer-Time-1); /* ---------------------------- ----- COMM FOOT ----- ---------------------------- */ /* COMM FOOT FS ---------------------------- */ --Fs-Footer-Comm-1: 42px; --Fs-Footer-Comm-2: 24px; --Fs-Footer-Comm-3: 16px; --Fs-Footer-Comm: var(--Fs-Footer-Comm-1); /* COMM FOOT LH ---------------------------- */ --Lh-Footer-Comm-1: 50px; --Lh-Footer-Comm-2: 29px; --Lh-Footer-Comm-3: 19px; --Lh-Footer-Comm: var(--Lh-Footer-Comm-1); /* ---------------------------- ---- BTN -- FOOT ---- ---------------------------- */ /* BTN FOOT FS ---------------------------- */ --Fs-Footer-Btn-1: 24px; --Fs-Footer-Btn-2: 18px; --Fs-Footer-Btn: var(--Fs-Footer-Btn-1); /* BTN FOOT LH ---------------------------- */ --Lh-Footer-Btn-1: 29px; --Lh-Footer-Btn-2: 22px; --Lh-Footer-Btn: var(--Lh-Footer-Btn-1); /* ---------------------------- ----- COPY FOOT ----- ---------------------------- */ /* COPY FOOT FS ---------------------------- */ --Fs-Footer-Copy-1: 14px; --Fs-Footer-Copy-2: 10px; --Fs-Footer-Copy: var(--Fs-Footer-Copy-1); /* COPY FOOT LH ---------------------------- */ --Lh-Footer-Copy-1: 17px; --Lh-Footer-Copy-2: 12px; --Lh-Footer-Copy: var(--Lh-Footer-Copy-1); /* ---------------------------- --------------------- ---------------------------- */ /* ---------------------------- --------------------- ---------------------------- */ /* ---------------------------- ROOT FONT HOME STYLES ---------------------------- */ /* ---------------------------- --------------------- ---------------------------- */ /* ---------------------------- --------------------- ---------------------------- */ /* ---------------------------- --------------------- ---------------------------- */ /* ---------------------------- ROOT HOME SCRLL STYLE ---------------------------- */ /* ---------------------------- --------------------- ---------------------------- */ /* HOME SCROLL FS ---------------------------- */ --Fs-Home-Scroll: 20px; /* HOME SCROLL LH ---------------------------- */ --Lh-Home-Scroll: 24px; /* ---------------------------- --------------------- ---------------------------- */ /* ---------------------------- ROOT HOME CNTT STYLES ---------------------------- */ /* ---------------------------- --------------------- ---------------------------- */ /* ---------------------------- -HOME CONTENT TITLES- ---------------------------- */ /* HOME CONTENT TITLE FS ---------------------------- */ --Fs-Home-Content-Title-1: 104px; --Fs-Home-Content-Title-2: 94px; --Fs-Home-Content-Title-3: 84px; --Fs-Home-Content-Title: var(--Fs-Home-Content-Title-1); /* HOME CONTENT TITLE LH ---------------------------- */ --Lh-Home-Content-Title-1: 135px; --Lh-Home-Content-Title-2: 122px; --Lh-Home-Content-Title-3: 109px; --Lh-Home-Content-Title: var(--Lh-Home-Content-Title-1); /* ---------------------------- -- HOME -- CONTENT -- ---------------------------- */ /* HOME CONTENT FS ---------------------------- */ --Fs-Home-Content-1: 18px; --Fs-Home-Content-2: 16px; --Fs-Home-Content-3: 14px; --Fs-Home-Content-3: 13.5px; --Fs-Home-Content: var(--Fs-Home-Content-1); /* HOME CONTENT LH ---------------------------- */ --Lh-Home-Content-1: 22px; --Lh-Home-Content-2: 19px; --Lh-Home-Content-3: 17px; --Lh-Home-Content: var(--Lh-Home-Content-1); /* ---------------------------- -- HOME - SERVICES -- ---------------------------- */ /* HOME SERVICES FS --------------------------- */ --Fs-Services-Content-1: 18px; --Fs-Services-Content-2: 16px; --Fs-Services-Content-3: 15.5px; --Fs-Services-Content-4: 14.5px; --Fs-Services-Content-5: 13.5px; --Fs-Services-Content-6: 12.5px; --Fs-Services-Content: var(--Fs-Services-Content-1); /* HOME SERVICES LH --------------------------- */ --Lh-Services-Content-1: 22px; --Lh-Services-Content-2: 19px; --Lh-Services-Content-3: 19px; --Lh-Services-Content-4: 17px; --Lh-Services-Content-5: 17px; --Lh-Services-Content-6: 16px; --Lh-Services-Content: var(--Lh-Services-Content-1); /* ---------------------------- --------------------- ---------------------------- */ /* ---------------------------- --------------------- ---------------------------- */ /* -------------------------- ROOT FONT PROJECTS STYLES -------------------------- */ /* ---------------------------- --------------------- ---------------------------- */ /* ---------------------------- --------------------- ---------------------------- */ /* ---------------------------- --------------------- ---------------------------- */ /* -------------------------- ROOT FONT PROJ TTL STYLES -------------------------- */ /* ---------------------------- --------------------- ---------------------------- */ /* ---------------------------- ----- PROJ TITL ----- ---------------------------- */ /* PROJECTS TITLE FS ---------------------------- */ --Fs-Projects-Title-1: 200px; --Fs-Projects-Title-2: 150px; --Fs-Projects-Title-3: 120px; --Fs-Projects-Title-4: 100px; --Fs-Projects-Title-5: 85px; --Fs-Projects-Title-6: 70px; --Fs-Projects-Title-7: 60px; --Fs-Projects-Title-8: 50px; --Fs-Projects-Title-9: 45px; --Fs-Projects-Title-10: 40px; --Fs-Projects-Title: var(--Fs-Projects-Title-1); /* PROJECTS TITLE LH ---------------------------- */ --Lh-Projects-Title-1: 240px; --Lh-Projects-Title-2: 180px; --Lh-Projects-Title-3: 144px; --Lh-Projects-Title-4: 120px; --Lh-Projects-Title-5: 102px; --Lh-Projects-Title-6: 84px; --Lh-Projects-Title-7: 72px; --Lh-Projects-Title-8: 60px; --Lh-Projects-Title-9: 54px; --Lh-Projects-Title-10: 48px; --Lh-Projects-Title: var(--Lh-Projects-Title-1); /* ---------------------------- --------------------- ---------------------------- */ /* -------------------------- ROOT FONT PRJ LIST STYLES -------------------------- */ /* ---------------------------- --------------------- ---------------------------- */ /* ---------------------------- ----- PROJ LIST ----- ---------------------------- */ /* PROJECTS LIST FS ---------------------------- */ --Fs-Projects-List-1: 16px; --Fs-Projects-List-2: 12px; --Fs-Projects-List: var(--Fs-Projects-List-1); /* PROJECTS LIST LH ---------------------------- */ --Lh-Projects-List-1: 19px; --Lh-Projects-List-2: 14px; --Lh-Projects-List: var(--Lh-Projects-List-1); /* ---------------------------- --------------------- ---------------------------- */ /* ---------------------------- --------------------- ---------------------------- */ /* ------------------------- ROOT FONT PROJ PAGES STYLES ------------------------- */ /* ---------------------------- --------------------- ---------------------------- */ /* ---------------------------- --------------------- ---------------------------- */ /* ---------------------------- --------------------- ---------------------------- */ /* -------------------------- ROOT FONT PRJ TITL STYLES -------------------------- */ /* ---------------------------- --------------------- ---------------------------- */ /* DATA TITLE FS ---------------------------- */ --Fs-Data-Title-1: 120px; --Fs-Data-Title-2: 100px; --Fs-Data-Title-3: 80px; --Fs-Data-Title-4: 70px; --Fs-Data-Title-5: 60px; --Fs-Data-Title-6: 50px; --Fs-Data-Title-7: 45px; --Fs-Data-Title-8: 40px; --Fs-Data-Title: var(--Fs-Data-Title-1); /* DATA TITLE LH ---------------------------- */ --Lh-Data-Title-1: 144px; --Lh-Data-Title-2: 120px; --Lh-Data-Title-3: 96px; --Lh-Data-Title-4: 84px; --Lh-Data-Title-5: 72px; --Lh-Data-Title-6: 60px; --Lh-Data-Title-7: 54px; --Lh-Data-Title-8: 48px; --Lh-Data-Title: var(--Lh-Data-Title-1); /* ---------------------------- --------------------- ---------------------------- */ /* -------------------------- ROOT FONT PRJ META STYLES -------------------------- */ /* ---------------------------- --------------------- ---------------------------- */ /* METADATA FS ---------------------------- */ --Fs-Metadata-1: 16px; --Fs-Metadata-2: 12px; --Fs-Metadata: var(--Fs-Metadata-1); /* METADATA LH ---------------------------- */ --Lh-Metadata-1: 19px; --Lh-Metadata-2: 14px; --Lh-Metadata: var(--Lh-Metadata-1); /* ---------------------------- --------------------- ---------------------------- */ /* -------------------------- ROOT FONT PRJ DSCR STYLES -------------------------- */ /* ---------------------------- --------------------- ---------------------------- */ /* DECRIPTION FS ---------------------------- */ --Fs-Description-1: 16px; --Fs-Description-2: 12px; --Fs-Description: var(--Fs-Description-1); /* DECRIPTION LH ---------------------------- */ --Lh-Description-1: 19px; --Lh-Description-2: 14px; --Lh-Description: var(--Lh-Description-1); /* ---------------------------- --------------------- ---------------------------- */ /* -------------------------- ROOT FONT PRJ CRDT STYLES -------------------------- */ /* ---------------------------- --------------------- ---------------------------- */ /* DECRIPTION FS ---------------------------- */ --Fs-Credits-1: 16px; --Fs-Credits-2: 12px; --Fs-Credits: var(--Fs-Credits-1); /* DECRIPTION LH ---------------------------- */ --Lh-Credits-1: 19px; --Lh-Credits-2: 14px; --Lh-Credits: var(--Lh-Credits-1); /* ---------------------------- --------------------- ---------------------------- */ /* -------------------------- ROOT FONT PRJ EXPR STYLES -------------------------- */ /* ---------------------------- --------------------- ---------------------------- */ /* DECRIPTION FS ---------------------------- */ --Fs-Express-1: 16px; --Fs-Express-2: 12px; --Fs-Express: var(--Fs-Express-1); /* DECRIPTION LH ---------------------------- */ --Lh-Express-1: 19px; --Lh-Express-2: 14px; --Lh-Express: var(--Lh-Express-1); }