/* ========================
   Universal Selector Setup 
   ======================== */

/* Target all tags except for the first one */
tag:not(:first-of-type) { /* Styles here */ }

/* Target a specific index (nth-child starts from 1, not 0) */
tag:nth-of-type(1) { /* Styles here */ }

/* Target the last element of a type */
tag:last-of-type { /* Styles here */ }

/* Target even or odd elements */
tag:nth-of-type(even) { /* Styles here */ }
tag:nth-of-type(odd) { /* Styles here */ }

/* Target the first child of any type */
tag:first-child { /* Styles here */ }

/* Target the last child of any type */
tag:last-child { /* Styles here */ }

/* Target elements with a specific attribute */
[tag-name] { /* Styles for all elements with the attribute "tag-name" */ }

/* Target elements with an attribute value */
[tag-name="value"] { /* Styles for elements where the attribute "tag-name" equals "value" */ }

/* Target elements with a partial attribute value */
[tag-name*="value"] { /* Styles for elements where "value" is part of the attribute value */ }

/* Target elements with an attribute starting with a value */
[tag-name^="value"] { /* Styles for elements where the attribute value starts with "value" */ }

/* Target elements with an attribute ending with a value */
[tag-name$="value"] { /* Styles for elements where the attribute value ends with "value" */ }

/* Target elements with an attribute containing a space-separated word */
[tag-name~="value"] { /* Styles for elements where "value" is a whole word in the attribute */ }

/* Target elements with a specific attribute and value within a list */
[tag-name|="value"] { /* Styles for elements with an attribute value that starts with "value" or is exactly "value" */ }

/* Target specific child combinations */
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: "COMFORTAA-BOLD";
    src:  url("fonts/COMFORTAA-BOLD.TTF") format("truetype");
}

@font-face {
    font-family: "COMFORTAA-REGULAR";
    src:  url("fonts/COMFORTAA-REGULAR.TTF") format("truetype");
}

@font-face {
    font-family: "Montserrat-Italic";
    src:  url("fonts/Montserrat-Italic.ttf") format("truetype");
}

@font-face {
    font-family: "Montserrat-Medium";
    src:  url("fonts/Montserrat-Medium.ttf") format("truetype");
}

@font-face {
    font-family: "Montserrat-Regular";
    src:  url("fonts/Montserrat-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "MYRIADPRO-REGULAR";
    src:  url("fonts/MYRIADPRO-REGULAR.OTF") format("opentype");
}

@font-face {
    font-family: "Poppins-Light";
    src:  url("fonts/Poppins-Light.ttf") format("truetype");
}

@font-face {
    font-family: "Poppins-Regular";
    src:  url("fonts/Poppins-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "SUPERBUBBLE";
    src:  url("fonts/SUPERBUBBLE.TTF") format("truetype");
}

:root {

	/* --gradient-one: linear-gradient(180deg, #FEFEFE 48%, #EDEDED 66%, #CFCFCF 91%);
    --gradient-two: linear-gradient(180deg, #515151 37%, #030303 86%);
    --gradient-three: linear-gradient(180deg, #F9E356 7%, #D93600 91%); */
	/* Shadows */
	--box-shadow-sm: 11px 20px 19px rgba(7, 6, 6, 0.3);
	--box-shadow-md: 0px 0px 48px rgba(0, 0, 0, 0.1);
	--box-shadow-lg: 5px 3px 6px rgba(0, 0, 0, 0.7);
	/* Fonts */ 

    --font-COMFORTAA-BOLD: "COMFORTAA-BOLD", sans-serif;
    --font-COMFORTAA-REGULAR: "COMFORTAA-REGULAR", sans-serif;
    --font-Montserrat-Italic: "Montserrat-Italic", sans-serif;
    --font-Montserrat-Medium: "Montserrat-Medium", sans-serif;
    --font-Montserrat-Regular: "Montserrat-Regular", sans-serif;
    --font-MYRIADPRO-REGULAR: "MYRIADPRO-REGULAR", sans-serif;
    --font-Poppins-Light: "Poppins-Light", sans-serif;
    --font-Poppins-Regular: "Poppins-Regular", sans-serif;
    --font-SUPERBUBBLE: "SUPERBUBBLE", sans-serif;

	/* Transitions */
	--transition-fast: 0.3s ease-in-out;
	--transition-slow: 0.5s ease-in-out;
}