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: "ANTIPASTOPRO-BOLD"; src:  url("fonts/ANTIPASTOPRO-BOLD_TRIAL.TTF") format("truetype");}
@font-face { font-family: "ANTIPASTOPRO-EXTRALIGHT"; src:  url("fonts/ANTIPASTOPRO-EXTRALIGHT_TRIAL.TTF") format("truetype");}
@font-face { font-family: "ANTIPASTOPRO-LIGHT"; src:  url("fonts/ANTIPASTOPRO-LIGHT_TRIAL.TTF") format("truetype");}
@font-face { font-family: "ANTIPASTOPRO"; src:  url("fonts/ANTIPASTOPRO_TRIAL.TTF") format("truetype");}
@font-face { font-family: "ARIAL"; src:  url("fonts/ARIAL.TTF") format("truetype");}
@font-face { font-family: "BREATHINGPERSONALUSE"; src:  url("fonts/BREATHINGPERSONALUSE-MVOGJ.TTF") format("truetype");}
@font-face { font-family: "JOST-SEMIBOLD"; src:  url("fonts/JOST-SEMIBOLD.TTF") format("truetype");}
@font-face { font-family: "MONTSERRAT-BOLD"; src:  url("fonts/MONTSERRAT-BOLD_0.TTF") format("truetype");}
@font-face { font-family: "MONTSERRAT-REGULAR_"; src:  url("fonts/MONTSERRAT-REGULAR_0.TTF") format("truetype");}
@font-face { font-family: "POPPINS-EXTRABOLD"; src:  url("fonts/POPPINS-EXTRABOLD.TTF") format("truetype");}
@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: "TEKO-BOLD"; src:  url("fonts/TEKO-BOLD.TTF") format("truetype");}
@font-face { font-family: "POPPINS-BLACK"; src:  url("fonts/POPPINS-BLACK.TTF") format("truetype");}

:root {
    --font-ANTIPASTOPRO-BOLD: "ANTIPASTOPRO-BOLD", sans-serif;
    --font-ANTIPASTOPRO-EXTRALIGHT: "ANTIPASTOPRO-EXTRALIGHT", sans-serif;
    --font-ANTIPASTOPRO-LIGHT: "ANTIPASTOPRO-LIGHT", sans-serif;
    --font-ANTIPASTOPRO: "ANTIPASTOPRO", sans-serif;
    --font-ARIAL: "ARIAL", sans-serif;
    --font-BREATHINGPERSONALUSE: "BREATHINGPERSONALUSE", sans-serif;
    --font-JOST-SEMIBOLD: "JOST-SEMIBOLD", sans-serif;
    --font-MONTSERRAT-BOLD: "MONTSERRAT-BOLD", sans-serif;
    --font-MONTSERRAT-REGULAR: "MONTSERRAT-REGULAR_", sans-serif;
    --font-POPPINS-EXTRABOLD: "POPPINS-EXTRABOLD", sans-serif;
    --font-POPPINS-LIGHT: "POPPINS-LIGHT", sans-serif;
    --font-POPPINS-REGULAR: "POPPINS-REGULAR", sans-serif;
    --font-TEKO-BOLD: "TEKO-BOLD", sans-serif;
    --font-POPPINS-BLACK: "POPPINS-BLACK", sans-serif;
    --animate-duration: 1s;
}
.animate__slideInUp {
  animation-name: slideInUp;
  animation-duration: var(--animate-duration, 1s); /* fallback = 1s */
  animation-fill-mode: both;
  animation-timing-function: ease-out;
}

@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    opacity: 0;
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

p, .btn, h1, img, a {
    opacity: 0;
}