header .hero-img {
  background-image: url("../img/headerhd.jpg");
}

header .hero-img .fa-chevron-down {
  display: block;
  position: absolute;
  bottom: 20px;
  left: calc(100% - 50.5%);
  font-size: 30px;
  color: #fff;
  -webkit-animation: bounce 1.8s infinite;
          animation: bounce 1.8s infinite;
}

#technologies .jscolor, #technologies .html5color, #technologies .css3color, #technologies .bscolor, #technologies .sasscolor, #technologies .gitcolor {
  color: #fff;
}

#technologies .jstxt, #technologies .html5txt, #technologies .css3txt, #technologies .bstxt, #technologies .sasstxt, #technologies .gittxt {
  color: #000;
}

#technologies .jscolor:hover ~ .jstxt, #technologies .jscolor:hover {
  color: #f0db4f;
}

#technologies .html5color:hover ~ .html5txt, #technologies .html5color:hover {
  color: #e34c26;
}

#technologies .css3color:hover ~ .css3txt, #technologies .css3color:hover {
  color: #2965f1;
}

#technologies .bscolor:hover ~ .bstxt, #technologies .bscolor:hover {
  color: #563d7c;
}

#technologies .sasscolor:hover ~ .sasstxt, #technologies .sasscolor:hover {
  color: #cc6699;
}

#technologies .gitcolor:hover ~ .gittxt, #technologies .gitcolor:hover {
  color: #f34f29;
}

#portfolio .card {
  width: 420px;
  height: 480px;
}

nav .navbar-nav {
  position: relative;
}

nav .navbar-nav .nav-item,
nav .navbar-nav .nav-item, nav .navbar-nav ::after,
nav .navbar-nav .nav-item, nav .navbar-nav ::before {
  -webkit-transition: .3s;
  transition: .3s;
}

nav .navbar-nav a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 100%;
  background-color: #fff;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left;
          transform-origin: left;
}

nav .navbar-nav .nav-item, nav .navbar-nav :hover::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transform-origin: right;
          transform-origin: right;
}
/*# sourceMappingURL=large.css.map */