tag:not(:first-of-type) { /* Styles here */ }
tag:nth-of-type(1) { /* Styles here */ }
tag:last-of-type { /* Styles here */ }
tag:nth-of-type(even) { /* Styles here */ }
tag:nth-of-type(odd) { /* Styles here */ }
tag:first-child { /* Styles here */ }
tag:last-child { /* Styles here */ }
[tag-name] { /* Styles for all elements with the attribute "tag-name" */ }
[tag-name="value"] { /* Styles for elements where the attribute "tag-name" equals "value" */ }
[tag-name*="value"] { /* Styles for elements where "value" is part of the attribute value */ }
[tag-name^="value"] { /* Styles for elements where the attribute value starts with "value" */ }
[tag-name$="value"] { /* Styles for elements where the attribute value ends with "value" */ }
[tag-name~="value"] { /* Styles for elements where "value" is a whole word in the attribute */ }
[tag-name|="value"] { /* Styles for elements with an attribute value that starts with "value" or is exactly "value" */ }
parent > child { /* Styles for direct children only */ }
ancestor descendant { /* Styles for all descendants, not just direct children */ }
sibling + sibling { /* Styles for the immediate next sibling */ }
sibling ~ sibling { /* Styles for all subsequent siblings */ }


@font-face {
    font-family: "POPPINS-BOLD";
    src:  url("fonts/POPPINS-BOLD.TTF") format("truetype");
}
@font-face {
    font-family: "POPPINS-SEMIBOLD";
    src:  url("fonts/POPPINS-SEMIBOLD.TTF") format("truetype");
}
@font-face {
    font-family: "MONTSERRAT-BOLD";
    src:  url("fonts/MONTSERRAT-BOLD_0.TTF") format("truetype");
}
@font-face {
    font-family: "MYRIADPRO-REGULAR";
    src:  url("fonts/MYRIADPRO-REGULAR.OTF") format("opentype");
}
@font-face {
    font-family: "POPPINS-REGULAR";
    src:  url("fonts/POPPINS-REGULAR.TTF") format("truetype");
}
@font-face {
    font-family: "POPPINS-MEDIUM";
    src:  url("fonts/POPPINS-MEDIUM.TTF") format("truetype");
}
@font-face {
    font-family: "POPPINS-LIGHT";
    src:  url("fonts/POPPINS-LIGHT.TTF") format("truetype");
}
@font-face {
    font-family: 'benguiat';
    font-style: normal;
    src: url('fonts/benguiat.woff') format('woff');
}


:root {
	/* Shadows */
	--box-shadow-sm: 0px 1px 3px rgba(7, 6, 6, 0.1);
	--box-shadow-md: 0px 0px 6px rgba(0, 0, 0, 0.1);
	--box-shadow-lg: 5px 3px 6px rgba(0, 0, 0, 0.2);

	/* Fonts */ 

    --font-POPPINS-BOLD: "POPPINS-BOLD", sans-serif;
    --font-POPPINS-SEMIBOLD: "POPPINS-SEMIBOLD", sans-serif;
    --font-MONTSERRAT-BOLD: "MONTSERRAT-BOLD", sans-serif;
    --font-MYRIADPRO-REGULAR: "MYRIADPRO-REGULAR", sans-serif;
    --font-BENGUIAT: "benguiat", sans-serif;
    --font-POPPINS-MEDIUM: "POPPINS-MEDIUM", sans-serif;
    --font-POPPINS-LIGHT: "POPPINS-LIGHT", sans-serif;
    --font-POPPINS-REGULAR: "POPPINS-REGULAR", sans-serif;
	/* Transitions */
	--transition-fast: 0.3s ease-in-out;
	--transition-slow: 0.5s ease-in-out;
}