@font-face {
  font-family: "Harabara";
  src: url("Harabara.ttf") format("truetype");
       
}

@font-face {
    font-family: "Coco";
    src: url("CocogooseT.ttf") format("truetype");
         
}

@font-face {
    font-family: "Aqua";
    src: url("Aquawax.ttf") format("truetype");
         
}

 @font-face {
    font-family: "Sansa";
    src: url("Sansation_Regular.ttf") format("truetype");
         
  }

   @font-face {
       font-family: "15";
       src: url("OpenSans-Regular.ttf") format("truetype");

   }

@font-face {
    font-family: "Syne";
    src: url("/css/font/Syne-Regular.ttf") format("truetype");

}

@font-face {
    font-family: "Epi";
    src: url("/css/font/Epilogue-Medium.ttf") format("truetype");

}

body {
    background-color: #f9f9f9;
    font-family:"Epi";
    margin: 0;
    padding: 0;

}


.height8 {
    height:45em ;
    background-color:#F2E61B;
}



#mainText {
    text-align: center;
    font-family: Aqua;
    
}


#title {
    font-size:14em;
    font-family: Harabara;
}

#tagline {
    font-family: Coco;
    font-size: 1em;
    letter-spacing: 2px;
    margin-top:-40px
}

.moto {
    text-align: center;
    height: 200px;
    vertical-align: middle;
    margin-top: 10%;

}

.footerE {
    background-color:#ececec;
    color:#2e2e2e;
   
    padding-bottom: 100px;

    }

#logoText {
    font-family:harabara;
    font-size:4em;

}

#footerLogo{
    font-family:harabara;
    font-size:2em;

}

#footerTitle {
    font-family:harabara ;
    font-size: 2em;

}

#tagLineFooter {
    margin-top:-20px;


}

.logoFooter {
  padding:50px;
  
  
}

hr.someClass {
  background-color: #2e2e2e;
  width: 80%;
  border-top: 1px solid #2e2e2e
}

#qrcode img {
    /* qrcode.js often generates an img or canvas inside the div */
    display: block;
    margin: 10px auto;
    /* Center the QR code */
    border: 1px solid #ccc;
}

#userInfo {
    margin-bottom: 20px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: transparent !important;
  
    /* Optional: add a custom icon or SVG if you want */
}

/* Optional: Make the button area itself transparent */
.carousel-control-prev,
.carousel-control-next {
    background: transparent !important;
    border: none;
    outline: none;
    box-shadow: none;
}