* {
  font-family: var(--custom-font-family) !important;
}

@font-face {
  font-family: "CustomFont1";
  src: url("../../assets/font/jf-openhuninn-2.0.ttf");
  font-display: swap;
}

@font-face {
  font-family: "CustomFont2";
  src: url("../../assets/font/ShareTechMono-Regular.ttf");
  font-display: swap;
}

@font-face {
  font-family: "CustomFont3";
  src: url("../../assets/font/VictorMono-Regular.ttf");
  font-display: swap;
}

@font-face {
  font-family: "CustomFont4";
  src: url("../../assets/font/AaXTYCDZK.woff") format('woff');
  font-display: swap;
}

@font-face {
  font-family: "CustomFont5";
  src: url("../../assets/font/AaMTXQYZY.woff") format('woff');
  font-display: swap;
}


.font-family-custom {
  font-family: var(--custom-font-family) !important;
}

.fa-solid {
  font-family: "Font Awesome 6 Free" !important;
}
html {
  height: 100%;
}

body {
  width: 100%;
  height: 100vh;
  background: url(../../assets/img/hero-bg.jpg); 
  background-size: cover;
  /* background-repeat: no-repeat; */
  background-position: center;
  position: relative;
  /*padding: 120px 0;*/
  z-index: 3;
  /* backdrop-filter: blur(20px); */
  overflow-x: hidden;
  /*overflow-y: scroll;*/
}

.fixed-top{
  position: relative;
}

nav#navbar ul li {
  list-style-type: none;
}

main h1 {
  color: #fff;
  font-weight: bold;
}

.modal.show {
  padding-right: 0 !important;
}

@font-face {
  font-family: "jf-openhuninn";
  src: url("../../assets/font/jf-openhuninn-2.0.ttf");
  font-display: swap;
}

@font-face {
  font-family: "fontawesome";
  src: url("../../assets/vendor/fontawesome/webfonts/fa-brands-400.ttf");
}

@media (max-width: 768px) {
  body {
    /*padding: 50px 0 0 0;*/
  }

  #detail_container{
    max-height: calc(100vh - 240px);
  }
}