@import url("/static/bootstrap/css/bootstrap.min.css");
@import url("/static/fa/css/all.min.css");
@font-face {
  font-family: "tech";
  src: url("/static/fonts/ShareTechMono-Regular.ttf");
}

html {
  scroll-padding-top: 96px;
}

.brand {
  font-family: "tech";
  letter-spacing: -2px;
}

.big {
  font-family: "tech";
  letter-spacing: -7px;
  font-size: 4rem !important;
}

.video-div {
  position: relative;
}

.video-div video {
  position: absolute;
  object-fit: fill;
  z-index: -1000000;
  opacity: 35%;
}

.m-m {
  margin-right: 1.5rem;
}

#f > div > div:nth-child(1) {
  font-weight: bold;
  margin-bottom: 0.25rem;
}

#f > div > div > div:nth-child(2) {
  font-weight: lighter;
  margin-bottom: 1.25rem;
}

#ft {
  height: 24rem !important;
}


@media screen and (max-width: 430px) {
  .vh-100 {
    height: 100svh !important;
  }
  .video-div video {
    position: absolute;
    object-fit: cover !important;
    z-index: -1000000;
    opacity: 35%;
  }
  .navbar-toggler {
    border: none !important;
  }
  .m-m {
    margin-left: 1.5rem !important;
  }
  .w-50 {
    width: 95% !important;
  }
  .p-5 {
    padding: 1rem !important;
  }
}