.el {
  background: #0d0e1b !important;
}

.el::before {
  --size: 64px;
  --line: hsla(0, 0%, 100%, 0.057);
  --thickness: 1px;
  --offset: 60px;
  content: "";
  z-index: -1;
  position: absolute;
  inset: 0;
  background: linear-gradient(transparent 0 calc(var(--size) - var(--thickness)), var(--line) calc(var(--size) - var(--thickness)) var(--size)) var(--offset) var(--offset)/var(--size) var(--size), linear-gradient(90deg, transparent 0 calc(var(--size) - var(--thickness)), var(--line) calc(var(--size) - var(--thickness)) var(--size)) var(--offset) var(--offset)/var(--size) var(--size);
}

.chaney {
  font-family: "chaneyextended", sans-serif;
  font-weight: normal;
  font-style: normal;
}

.tiles__title--alt div {
  max-width: 40vw;
  padding: 3vw;
  background-color: rgba(13, 14, 27, 0.2039215686);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
.tiles__title--alt h2 {
  font-family: "chaneyextended", sans-serif;
  font-weight: normal;
  font-style: normal;
  margin: 0;
  font-size: 2vw;
}
.tiles__title--alt h5 {
  font-family: "Jost", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal;
  font-size: 14px;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 2px;
}
.tiles__title--alt a {
  color: #fff;
  font-family: "Pangram", sans-serif;
  margin: 0;
  font-weight: bold;
}

.futura {
  font-family: "Jost", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal;
}

.futuram {
  font-family: "Jost", sans-serif !important;
  font-weight: 500 !important;
  font-style: normal;
}

.machina {
  font-family: "Neue Machina", sans-serif !important;
  font-weight: normal;
  font-weight: normal;
}

.maintitle {
  font-family: "Pangram", sans-serif;
  font-weight: normal;
}

.myname {
  padding: 0.75rem;
  background-color: rgba(0, 0, 0, 0.337254902);
  text-transform: uppercase;
  letter-spacing: 2px;
}

.hero {
  max-width: 80vw;
  padding: 5vw 5vw;
  background-color: rgba(13, 14, 27, 0.4549019608);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}
.hero h1 {
  padding: 15px 0;
  font-size: 3vw;
  margin: 0;
}
.hero p {
  font-family: "Pangram", sans-serif;
  font-size: 1.5vw;
}
.hero .local span {
  font-size: 14px;
  font-family: "Jost", sans-serif !important;
  font-weight: 500 !important;
  font-style: normal;
  opacity: 80%;
  text-transform: uppercase;
  margin-right: 5vw;
}

p.about {
  font-family: "Pangram", sans-serif;
}

a.backtop {
  font-family: "Pangram", sans-serif;
}

.frame__author {
  color: #fff;
}

.frame--footer, .frame__demo {
  margin-bottom: 120px;
  color: #fff;
  font-family: "Jost", sans-serif !important;
  font-weight: 500 !important;
  font-style: normal;
  text-transform: uppercase;
  text-decoration: none;
}

.backtop span {
  text-align: center;
  font-size: 0.25em;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.alogo {
  margin-left: 7vw;
}
.alogo img {
  width: 32px;
}

.frame__demo a {
  margin-right: 7vw;
}

p.about {
  margin: 0;
  line-height: 1;
  font-family: "Pangram", sans-serif;
}
p.about br {
  font-size: 16px;
}
p.about .logo {
  height: 48px;
  margin-top: 64px;
}
p.about .position {
  font-size: 4vw;
  font-weight: bold;
  margin: 0;
  margin-bottom: -16px;
}
p.about .company {
  font-size: 20px;
  opacity: 60%;
  margin: 0;
}
p.about .date {
  text-transform: uppercase;
  font-size: 14px;
  opacity: 80%;
  margin: 0;
  margin-top: -16px;
  margin-bottom: 32px;
}
p.about .desc {
  font-size: 14px;
  opacity: 30%;
  margin: 0;
  margin-top: -16px;
  margin-bottom: 32px;
}
p.about .exp {
  font-family: "chaneyextended", sans-serif;
  font-weight: normal;
  font-style: normal;
  margin-top: 64px;
  margin-bottom: -32px;
}

.tiles--darker .tiles__line-img {
  transition: all 0.3s ease-out;
}

.tiles--darker .tiles__line-img:hover {
  opacity: 1;
}

/*# sourceMappingURL=custom.css.map */