* {
  scroll-behavior: smooth;
}

.App {
  font-family: 'Be Vietnam Pro', sans-serif;
}

header .hamburger-menu {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

header .hamburger-menu .hamburger-icon {
  display: block;
}

header .hamburger-menu .close-icon {
  display: none;
}

header .hamburger-menu.active {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

header .hamburger-menu.active .hamburger-icon {
  display: none;
}

header .hamburger-menu.active .close-icon {
  display: block;
}

@media (max-width: 767px) {
  header .menu {
    background: #1c2431;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
  }
}

header .menu.active {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}

header .menu ul {
  letter-spacing: 1px;
}

@media (min-width: 767px) {
  header .menu ul li {
    position: relative;
  }
  header .menu ul li:not(:last-child):hover {
    color: #6cfdf0;
  }
  header .menu ul li:last-child:hover {
    background: #6cfdf0;
  }
}

@media (max-width: 639px) {
  .hero .hero-text {
    margin-top: 20%;
    margin-bottom: 17%;
    max-width: 33rem;
    margin-left: auto;
    margin-right: auto;
  }
  .hero .hero-text h1 {
    font-size: 2rem;
  }
  .hero .hero-text p {
    line-height: 1.75rem;
  }
}

@media (max-width: 359px) {
  .hero .hero-text h1 {
    white-space: normal;
  }
}

.hero .hero-background {
  z-index: -1;
}

@media (min-width: 1440px) {
  .hero .hero-text {
    margin-top: 9rem;
  }
}

.hero .hero-background .screen {
  background: -webkit-gradient(linear, left top, right top, from(#202c37), color-stop(80%), to(rgba(124, 105, 105, 0.3)));
  background: linear-gradient(90deg, #202c37, 80%, rgba(124, 105, 105, 0.3));
}

.hero button {
  border: 0.1px solid #6cfdf0;
}

.hero button:hover {
  background: #6cfdf0;
}

.skills .container {
  scroll-padding: 0;
  -ms-scroll-snap-type: inline mandatory;
      scroll-snap-type: inline mandatory;
}

.skills .container::-webkit-scrollbar {
  display: none;
}

.skills .container .skill {
  scroll-snap-align: center;
}

.projects .project .info p {
  color: #9194a1;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}

.projects .project .info .links a {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.projects .project .info .links a:hover {
  -webkit-transform: translateY(-0.4rem);
          transform: translateY(-0.4rem);
}

.form-wrapper {
  width: 87%;
  -webkit-box-shadow: 0rem 0.5rem 0.5rem 0rem #08101b;
          box-shadow: 0rem 0.5rem 0.5rem 0rem #08101b;
}

.form-wrapper .field:focus {
  border-bottom-color: #202c37;
}

footer a:hover {
  color: #6cfdf0;
}

footer a svg g:hover {
  fill: #6cfdf0;
}
/*# sourceMappingURL=style.css.map */