:root {
	--bs-primary: #1abc9c;
	--bs-secondary: #2c3e50;
	--bs-primary-rgb: 26, 188, 156;
  --bs-secondary-rgb: 44, 62, 80;
  --fa-style-family-custom:"Technologies";
  --fa-font-custom:normal 400 1em/1 "Technologies"
}
#mainNav {
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700;
}
#mainNav .navbar-brand {
  color: #fff;
}
#mainNav .navbar-nav {
  margin-top: 1rem;
}
#mainNav .navbar-nav li.nav-item a.nav-link {
  color: #fff;
}
#mainNav .navbar-nav li.nav-item a.nav-link:hover {
  color: var(--bs-primary);
}
#mainNav .navbar-nav li.nav-item a.nav-link:active, #mainNav .navbar-nav li.nav-item a.nav-link:focus {
  color: #fff;
}
#mainNav .navbar-nav li.nav-item a.nav-link.active {
  color: var(--bs-primary);
}
#mainNav .navbar-toggler {
  font-size: 80%;
  padding: 0.8rem;
}

@media (min-width: 992px) {
  #mainNav {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    transition: padding-top 0.3s, padding-bottom 0.3s;
  }
  #mainNav .navbar-brand {
    font-size: 1.75em;
    transition: font-size 0.3s;
  }
  #mainNav .navbar-nav {
    margin-top: 0;
  }
  #mainNav .navbar-nav > li.nav-item > a.nav-link.active {
    color: #fff;
    background: var(--bs-primary);
  }
  #mainNav .navbar-nav > li.nav-item > a.nav-link.active:active, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:focus, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover {
    color: #fff;
    background: var(--bs-primary);
  }

  #mainNav.navbar-shrink {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  #mainNav.navbar-shrink .navbar-brand {
    font-size: 1.5em;
  }
}

.masthead {
  padding-top: calc(6rem + 74px);
  padding-bottom: 6rem;
}
.masthead .masthead-heading {
  font-size: 2.75rem;
  line-height: 2.75rem;
}
.masthead .masthead-subheading {
  font-size: 1.25rem;
}
.masthead .masthead-avatar {
  width: 15rem;
}

@media (min-width: 992px) {
  .masthead {
    padding-top: calc(6rem + 104px);
    padding-bottom: 6rem;
  }
  .masthead .masthead-heading {
    font-size: 4rem;
    line-height: 3.5rem;
  }
  .masthead .masthead-subheading {
    font-size: 1.5rem;
  }
}

.btn-outline-light {
  color: #f8f9fa !important;
  border-color: #f8f9fa !important;
}
.btn-outline-light:hover {
  color: #000 !important;
  background-color: #f8f9fa !important;
  border-color: #f8f9fa !important;
}
.btn-check:focus + .btn-outline-light, .btn-outline-light:focus {
  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5) !important;
}
.btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show {
  color: #000 !important;
  background-color: #f8f9fa !important;
  border-color: #f8f9fa !important;
}
.btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5) !important;
}
.btn-outline-light:disabled, .btn-outline-light.disabled {
  color: #f8f9fa !important;
  background-color: transparent !important;
}

.fa-adobe {--fa:"\e900"}
.fa-aftereffects {--fa:"\e901"}
.fa-api {--fa:"\e902"}
.fa-areader {--fa:"\e903"}
.fa-cordova {--fa:"\e904"}
.fa-creativecloud {--fa:"\e905"}
.fa-googledocs {--fa:"\e906"}
.fa-illustrator {--fa:"\e907"}
.fa-indesign {--fa:"\e908"}
.fa-ionic {--fa:"\e909"}
.fa-jquery {--fa:"\e90a"}
.fa-mariadb {--fa:"\e90b"}
.fa-msexcel {--fa:"\e90c"}
.fa-mspower {--fa:"\e90d"}
.fa-msword {--fa:"\e90e"}
.fa-mysql {--fa:"\e90f"}
.fa-msoffice {--fa:"\e910"}
.fa-photoshop {--fa:"\e911"}
.fa-pwa {--fa:"\e912"}
.fa-roundcube {--fa:"\e913"}
.fa-typescript {--fa:"\e914"}
.fa-vscode {--fa:"\e915"}
.fa-xml {--fa:"\e916"}
.fa-apache {--fa:"\e917"}
.fa-openoffice {--fa:"\e918"}
.fa-plesk {--fa:"\e919"}
.fa-xampp {--fa:"\e91a"}

.fac {
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing:antialiased;
  display:var(--fa-display,inline-block);
  font-family:"Technologies";
  font-weight:400;
  font-style:normal;
  font-variant:normal;
  line-height:1;
  text-rendering:auto;
  vertical-align: middle;
}

.fac::before {
  content:var(--fa);
}

@font-face {
  font-family:"Technologies";
  font-style:normal;
  font-weight:400;
  font-display:block;
  src:url(../assets/fonts/Technologies.woff) format("woff"),url(../assets/fonts/Technologies.ttf) format("truetype");
}