@font-face {
  src: url(./font/lavish/Lavish.ttf);
  font-family: Lavish;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  color: inherit;
  text-decoration: none;
}

body {
  scroll-behavior: smooth;
  color: #fff;
  font-family: Lavish;
  background: #100407;
}

.loading-screen {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  background-color: #fff;
  width: 0%;
  height: 100%;
}

.loadContainer {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  z-index: 10;
  pointer-events: none;
}

.pgContent,
.pgContent2 {
  width: 85%;
  margin: 10.5em auto 0 auto;
}

.pgTop h2 {
  font-size: 1.8em;
}
.pgTop p {
  font-family: "Raleway", sans-serif !important;
  line-height: 30px;
  color: #A1A1AA;
  font-size: 1.07em;
}
.pgTop p span {
  color: #fff !important;
}

.csm {
  display: none;
}

.pgBody,
.pgBody2 {
  position: relative;
}
.pgBody h3,
.pgBody2 h3 {
  font-size: 1.6em;
}
.pgBody p,
.pgBody2 p {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  font-size: 2em;
  color: #A1A1AA;
  line-height: 55px;
}
.pgBody span,
.pgBody2 span {
  margin-top: -10px;
}
.pgBody .mdot2,
.pgBody2 .mdot2 {
  margin: 0px 0.7em 0 0.7em;
  width: 9px;
}

.pgBody {
  margin-top: 5em;
}

.pgBody2 {
  margin-top: 6em;
}
.pgBody2 span {
  margin-right: 1em;
}
.pgBody2 .active {
  color: #fff !important;
}

@media (max-width: 750px) {
  .home nav {
    background: #100407;
  }
  .cs {
    display: none;
  }
  .csm {
    display: block;
  }
  .csm p {
    display: inline-block;
    margin-bottom: 1em;
    width: 100%;
  }
  .pgContent,
.pgContent2 {
    width: 90%;
    margin: 3em auto 0 auto;
  }
  .pgTop {
    margin-top: 8em;
  }
  .pgTop p {
    font-size: 1.16em;
  }
  .mdot2 {
    margin: 0px;
    width: 9px;
    background: repeating-linear-gradient();
  }
  .mdot3 {
    margin: 0 0.2em !important;
    width: 9px;
  }
}
.cTitle {
  margin-top: 3.5em;
  overflow: hidden;
  padding-bottom: 3em;
}
.cTitle img {
  display: inline-block;
}

.forW {
  display: block;
}

.forM {
  display: none !important;
}

.cBody {
  width: 40%;
  margin: 8em auto 0 auto;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.cBody .faint {
  width: 220px;
  z-index: -1;
}
.cBody p {
  position: absolute;
  right: 8em;
  font-weight: 700;
  font-family: "Raleway", sans-serif !important;
  transition: 0.3s ease-in;
}
.cBody p:hover {
  letter-spacing: 1px;
  transition: 0.3s ease-in;
}

@media (max-width: 750px) {
  .forW {
    display: none !important;
  }
  .forM {
    display: block !important;
  }
  .cTitle {
    margin-top: 8.5em;
    margin-bottom: 1em;
  }
  .cBody .faint {
    width: 180px;
    margin-left: -6em;
  }
  .cBody p {
    right: 0;
    font-size: 1.1em;
  }
}
.projectsContainerW2,
.projectsContainerW3,
.projectsContainerF {
  display: grid;
  gap: 2.5em;
  align-items: center;
  justify-content: center;
  grid-template-columns: repeat(4, 2fr);
  align-items: flex-start;
  justify-content: flex-start;
  margin: 4em 0;
  min-height: 430px;
}

.projectsContainerW3,
.projectsContainerF {
  display: none;
}

.projectsTop p {
  color: #71717A;
}

.project {
  height: 165px;
  background: #18181B;
  padding: 1em;
  margin-bottom: 1em;
  transition: 0.3s ease-in;
}
.project h1 {
  font-size: 1.3em;
}
.project p,
.project span {
  font-family: "Raleway", sans-serif !important;
}
.project p {
  font-size: 1.197em;
}
.project:hover {
  transform: scale(1.09);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}

.projectStatus {
  margin-top: 2em;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  align-items: center;
}
.projectStatus span {
  margin-top: 2px;
  margin-left: 6px;
}

@media (max-width: 750px) {
  .projectsContainerW2,
.projectsContainerW3,
.projectsContainerF {
    display: grid;
    gap: 2.5em;
    align-items: center;
    justify-content: center;
    grid-template-columns: repeat(1, 2fr);
    align-items: flex-start;
    justify-content: flex-start;
    margin: 4em 0;
    min-height: 200px;
  }
  .projectsContainerW3,
.projectsContainerF {
    display: none;
  }
  .project {
    width: 85%;
    height: 190px;
    min-width: 230px;
    max-width: 370px;
    padding: 1.5em 1em;
  }
}/*# sourceMappingURL=main.css.map */