body {
  font-family: 'Nunito', sans-serif;
}
.btn{
  background-color: #000; /* Green */
  border: none;
  color: white;
  padding: 10px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 4px;
}

.hero {
  /* position: relative; */
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.hero .hero__content {
  margin-top: auto;
  margin-bottom: auto;
  position: relative;
  padding: 9.8125rem 0;
}
.hero.--purple-gradient-2 .bg-wrapper {
  background: linear-gradient(113deg,#3888f8,#FF34C1);
}
.hero .bg-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  mix-blend-mode: overlay;
  filter: grayscale(1);
}
.hero .bg-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  object-fit: cover;
  z-index: 0;
  background: linear-gradient(113deg,#3888f8,#1a4d88 50%,#4ba1a3 85%,#74e6b8);
}
.home {
  padding-top: 4.0625rem;
}
.hero .content {
  padding-left: 5rem;
}
.webcoderskull__subtext-wrapper {
  position: absolute;
  top: 50%;
  left: 0;
  transform-origin: center left;
  transform: translate(-50%,-50%);
}
.webcoderskull__subtext {
  transform: rotate(-90deg) translateY(50%);
}
.webcoderskull__subtext.--colored-white {
  color: #fff;
}
.wrapper {
  margin: 0 3.875rem;
}

.padding-b {
  padding-bottom: 30px;
}




@media (min-width: 992px) {
  .topbar .navigation-menu > li:hover a span {
    background-color: rgba(23, 97, 253, 0.1) !important;
  }
}

@media (min-width: 992px) {
  .topbar .navigation-menu > li > a span {
    vertical-align: middle !important;
    padding: 8px 9px !important;
    border-radius: 4px !important;
  }
}