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: "MONTSERRAT-MEDIUM"; src:  url("fonts/MONTSERRAT-MEDIUM_0.TTF") format("truetype"); }
@font-face { font-family: "MONTSERRAT-REGULAR"; src:  url("fonts/MONTSERRAT-REGULAR_0.TTF") format("truetype"); }
@font-face { font-family: "MYRIADPRO-REGULAR"; src:  url("fonts/MYRIADPRO-REGULAR.OTF") format("truetype"); }
@font-face { font-family: "POPPINS-REGULAR"; src:  url("fonts/POPPINS-REGULAR.TTF") format("truetype"); }
@font-face { font-family: "RALEWAY-BOLD"; src:  url("fonts/RALEWAY-BOLD.TTF") format("truetype"); }
@font-face { font-family: "RALEWAY-REGULAR"; src:  url("fonts/RALEWAY-REGULAR.TTF") format("truetype"); }
@font-face { font-family: "RALEWAY-SEMIBOLD"; src:  url("fonts/RALEWAY-SEMIBOLD.TTF") format("truetype"); }
@font-face { font-family: "RALEWAY-THIN"; src:  url("fonts/RALEWAY-THIN.TTF") format("truetype"); }
@font-face { font-family: "TRIRONG-REGULA"; src:  url("fonts/TRIRONG-REGULAR.TTF") format("truetype"); }

:root {
    --font-MONTSERRAT-MEDIUM: "MONTSERRAT-MEDIUM", sans-serif;
    --font-MONTSERRAT-REGULAR: "MONTSERRAT-REGULAR", sans-serif;
    --font-MYRIADPRO-REGULAR: "MYRIADPRO-REGULAR", sans-serif;
    --font-POPPINS-REGULAR: "POPPINS-REGULAR", sans-serif;
    --font-RALEWAY-BOLD: "RALEWAY-BOLD", sans-serif;
    --font-RALEWAY-REGULAR: "RALEWAY-REGULAR", sans-serif;
    --font-RALEWAY-SEMIBOLD: "RALEWAY-SEMIBOLD", sans-serif;
    --font-RALEWAY-THIN: "RALEWAY-THIN", sans-serif;
    --font-TRIRONG-REGULA: "TRIRONG-REGULA", serif;
}