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: "JOST-BLACK";
    src:  url("fonts/JOST-BLACK.TTF") format("truetype");
}
@font-face {
    font-family: "JOST-SEMIBOLD";
    src:  url("fonts/JOST-SEMIBOLD.TTF") format("truetype");
}
@font-face {
    font-family: "MONTSERRAT-REGULAR";
    src:  url("fonts/MONTSERRAT-REGULAR_0.TTF") format("truetype");
}
@font-face {
    font-family: "MONTSERRAT-SEMIBOLD";
    src:  url("fonts/MONTSERRAT-SEMIBOLD_0.TTF") format("truetype");
}
@font-face {
    font-family: "MYRIADPRO-REGULAR";
    src:  url("fonts/MYRIADPRO-REGULAR.OTF") format("truetype");
}
@font-face {
    font-family: "PLAYFAIRDISPLAY-SEMIBOLD";
    src:  url("fonts/PLAYFAIRDISPLAY-SEMIBOLD.TTF") format("truetype");
}
@font-face {
    font-family: "POPPINS-BOLD";
    src:  url("fonts/POPPINS-BOLD.TTF") format("truetype");
}
@font-face {
    font-family: "POPPINS-MEDIUM";
    src:  url("fonts/POPPINS-MEDIUM.TTF") format("truetype");
}
@font-face {
    font-family: "POPPINS-REGULAR";
    src:  url("fonts/POPPINS-REGULAR.TTF") format("truetype");
}
@font-face {
    font-family: "POPPINS-SEMIBOLD";
    src:  url("fonts/POPPINS-SEMIBOLD.TTF") format("truetype");
}
@font-face {
    font-family: "TEKO-BOLD";
    src:  url("fonts/TEKO-BOLD.TTF") format("truetype");
}
@font-face {
    font-family: "TRAJANPRO-REGULAR";
    src:  url("fonts/TRAJANPRO-REGULAR.OTF") format("opentype");
}
@font-face {
    font-family: "TRAJANPRO-BOLD";
    src:  url("fonts/TRAJANPRO-BOLD.OTF") format("opentype");
}
: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-JOST-BLACK: "JOST-BLACK", sans-serif;
    --font-JOST-SEMIBOLD: "JOST-SEMIBOLD", sans-serif;
    --font-MONTSERRAT-REGULAR: "MONTSERRAT-REGULAR", sans-serif;
    --font-MONTSERRAT-SEMIBOLD: "MONTSERRAT-SEMIBOLD", sans-serif;
    --font-MYRIADPRO-REGULAR: "MYRIADPRO-REGULAR", sans-serif;
    --font-PLAYFAIRDISPLAY-SEMIBOLD: "PLAYFAIRDISPLAY-SEMIBOLD", sans-serif;
    --font-POPPINS-BOLD: "POPPINS-BOLD", sans-serif;
    --font-POPPINS-MEDIUM: "POPPINS-MEDIUM", sans-serif;
    --font-POPPINS-REGULAR: "POPPINS-REGULAR", sans-serif;
    --font-POPPINS-SEMIBOLD: "POPPINS-SEMIBOLD", sans-serif;
    --font-TEKO-BOLD: "TEKO-BOLD", sans-serif;
    --font-TRAJANPRO-REGULAR: "TRAJANPRO-REGULAR", sans-serif;
    --font-TRAJANPRO-BOLD: "TRAJANPRO-BOLD", sans-serif;
	/* Transitions */
	--transition-fast: 0.3s ease-in-out;
	--transition-slow: 0.5s ease-in-out;
}