html, body {
  overflow-x: hidden; }

nav.navbar .navbar-brand img {
  width: 70px; }

.back-video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: calc(100% + 150px);
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1; }

.text-outline {
  color: #0A0A0A;
  -webkit-text-fill-color: white;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #0A0A0A; }

.rounded-theme {
  border-radius: 15px; }

.shape {
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out; }

.title {
  display: inline-block;
  position: relative;
  padding: 0 10px;
  z-index: 1; }
  .title:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFCC1D;
    z-index: -1;
    -webkit-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
    -webkit-transition-delay: 200ms;
            transition-delay: 200ms; }
  .title.is-inview:before {
    width: 10%; }
  .title.reverse:before {
    right: 0;
    left: auto; }

h1, h2 {
  font-family: 'Italiana', serif; }

section.top {
  min-height: calc(100vh + 65px); }

section.about .dot {
  width: 13px;
  height: 13px;
  background-color: #f7c1c5;
  border-radius: 50%;
  display: inline-block; }
  section.about .dot.fill {
    background-color: #e63946; }
section.about .shape-1-wrapper {
  height: 100%;
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg); }
  section.about .shape-1-wrapper img {
    height: 100%; }

section.services {
  position: relative; }
  section.services .service-wrapper {
    background-color: #efefef;
    padding: 20px;
    border-radius: 15px;
    -webkit-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
    opacity: 0;
    -webkit-transform: translateY(20%);
            transform: translateY(20%); }
    section.services .service-wrapper.is-inview {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0); }
  section.services .shape {
    position: absolute;
    bottom: -40%;
    left: 50px;
    width: 20vw;
    z-index: -1; }

section.experiences .line {
  border-bottom: 1px solid #0A0A0A; }
section.experiences .exp-pos {
  min-width: 180px; }
section.experiences .experience-wrapper {
  -webkit-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
  opacity: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%); }
  section.experiences .experience-wrapper.is-inview {
    opacity: 0.8;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  section.experiences .experience-wrapper:hover {
    opacity: 1; }
    section.experiences .experience-wrapper:hover .text-outline {
      -webkit-text-fill-color: #3d3d3d;
      -webkit-text-stroke-width: 0; }

section.portfolio {
  position: relative; }
  section.portfolio .portfolio-wrapper {
    -webkit-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
    opacity: 0;
    -webkit-transform: translateY(20%);
            transform: translateY(20%); }
    section.portfolio .portfolio-wrapper.is-inview {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0); }
  section.portfolio .shape-wrapper {
    position: absolute;
    top: 150px;
    right: 50px;
    z-index: -1; }
    section.portfolio .shape-wrapper img {
      width: 30vw; }

footer.contact {
  position: relative; }
  footer.contact .form-floating > label {
    color: #a3a3a3 !important;
    font-weight: 300; }
  footer.contact .shape {
    position: absolute;
    top: 50px;
    left: 50px;
    width: 15vw;
    z-index: -1; }

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width: 320px) and (max-width: 480px) {
  nav.navbar .navbar-brand img {
    width: 60px; } }
/* small mobiles ----------- */
@media only screen and (max-width: 359px) {
  .mt-small {
    margin-top: 15px; } }
/*# sourceMappingURL=styles.css.map */