/************************** FONT **************************/

@font-face {
    font-family: "Aston Script";
    src: url("/components/assets/fonts/Aston-Script.ttf?v=10");
    font-display: block;
    font-weight: 300;
}

@font-face {
    font-family: "Montserrat";
    src: url("/components/assets/fonts/Montserrat-Regular.ttf?v=10");
    font-display: block;
    font-weight: 300;
}

@font-face {
    font-family: "Montserrat";
    src: url("/components/assets/fonts/Montserrat-Medium.ttf?v=10");
    font-display: block;
    font-weight: 400;
}

@font-face {
    font-family: "Montserrat";
    src: url("/components/assets/fonts/Montserrat-SemiBold.ttf?v=10");
    font-display: block;
    font-weight: 500;
}

@font-face {
    font-family: "Poppins";
    src: url("/components/assets/fonts/Poppins-Medium.ttf?v=10");
    font-display: block;
    font-weight: 400;
}

@font-face {
    font-family: "Poppins";
    src: url("/components/assets/fonts/Poppins-SemiBold.ttf?v=10");
    font-display: block;
    font-weight: 500;
}

@font-face {
    font-family: "NewYork";
    src: url("/components/assets/fonts/NewYork.otf?v=10");
    font-display: block;
    font-weight: 300;
}

@font-face {
    font-family: "edwardianscriptitc";
    src: url("/components/assets/fonts/edwardianscriptitc.ttf?v=10");
    font-display: block;
    font-weight: 300;
}

@font-face {
    font-family: "AIAEverest Regular";
    src: url("/components/assets/fonts/AIAEverest-Regular.otf?v=10");
    font-display: block;
    font-weight: 400;
}

@font-face {
    font-family: "AIAEverest Medium";
    src: url("/components/assets/fonts/AIAEverest-Medium.otf?v=10");
    font-display: block;
    font-weight: 500;
}

@font-face {
    font-family: "Times New Roman";
    src: url("/components/assets/fonts/TimesNewRoman.ttf?v=10");
    font-display: block;
    font-weight: 500;
}

* {
    font-family: "Montserrat";
    box-sizing: border-box;
    line-height: 1.5;
    font-weight: 400;
    /* font-family: "AIAEverest Regular"; */
}
  
  /************************** ROOT **************************/
  
  :root {
    --primary-color: #F5BF03;
    --secondary-color: #b07355;
    --tertiary-color: #B7335D;
}
  
  /************************** HTML **************************/
  
html {
    margin: 0px;
    padding: 0px;
}
  
body {
    background-image: url('/components/assets/images/home/background-black-star.jpg?v=10');
    background-repeat: repeat-y; /* repeat vertically */
    background-position: top center;
    background-size: 100% auto; /* stretch width, preserve height */
    position: relative;
    z-index: 0;
    margin: 0;
    padding: 0;
    min-height: 100vh;
}

body::after {
    content: "";
    display: block;
    width: 100%;
    height: 576px; /* adjust based on your image height */
    background: url('/components/assets/images/home/background-footer.png?v=10') no-repeat center bottom;
    background-size: 100% auto;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: -1;
    pointer-events: none; /* allow clicks to pass through */
}


/* body {
    margin: 0px;
    padding: 0px;
    background-image: url('/components/assets/images/home/background-with-footer.png?v=10');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    position: relative; 
    z-index: 0;
} */

/* body {
    margin: 0px;
    padding: 0px;
    background-color: black;
} */