@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;700&family=Lato:wght@400;700&family=Sacramento&display=swap");:root {font-size: 62.5%;}* {margin: 0;padding: 0;-webkit-box-sizing: border-box;box-sizing: border-box;}*::-moz-selection {background: #00C3A3;}*::selection {background: #00C3A3;}html, body {-ms-scroll-snap-type: y proximity;scroll-snap-type: y proximity;scroll-behavior: smooth;overflow-x: hidden;}body::-webkit-scrollbar {width: 1vmin;background-color: #081B23;}body::-webkit-scrollbar-thumb {background-color: #0B2733;}html.hidden {overflow: hidden;}.d-none {display: none !important;}body {min-height: 100vh;max-width: 100%;background-color: #081B23;background-image: url("../images/bg-line.svg");background-repeat: no-repeat;background-position: right;background-attachment: fixed;font-family: 'Lato', sans-serif;color: #FFF;}body.scroll-down header {-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}@media (max-width: 576px) {body.scroll-down header {-webkit-transform: translate(0);transform: translate(0);}}@media (max-width: 1100px) {body {background-image: url("../images/bg-line-sec.svg");background-position: bottom;}}span.main-clr {color: #00C3A3;}header {position: fixed;width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 1.5em 11em;-webkit-transition: 200ms;transition: 200ms;background: rgba(8, 27, 35, 0.75);-webkit-backdrop-filter: blur(25px);backdrop-filter: blur(25px);z-index: 99;}header .logo {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;text-decoration: none;font-family: 'Josefin Sans', Lucida Sans Typewriter, sans-serif;font-size: 3rem;font-weight: 700;color: #FFF;}header .logo img {display: inline-block;max-width: 65px;}header .logo span.my-logo {margin-top: .5em;margin-left: .75em;}header .nav {list-style: none;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}header .nav li a {position: relative;display: inline-block;color: rgba(255, 255, 255, 0.5);text-decoration: none;font-size: 2.4rem;font-weight: 400;margin-right: 1.5em;-webkit-transition: 200ms;transition: 200ms;}header .nav li a:hover, header .nav li a:active {color: #FFF;}header .nav li a:hover::before, header .nav li a:active::before {width: 60%;}header .nav li a::before {content: '';position: absolute;bottom: -35%;width: 0;height: 4px;background: rgba(0, 195, 163, 0.8);border-radius: 5px;-webkit-transition: 200ms;transition: 200ms;}@media (max-width: 1100px) {header {padding: 1.5em 5em;}}@media (max-width: 576px) {header {padding: 1em 2.5em;}}section {scroll-snap-align: start;position: relative;min-height: 100vh;width: 100%;}section .indicator {display: block;font-size: 3.2rem;color: rgba(255, 255, 255, 0.5);font-family: 'Sacramento', cursive;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin-bottom: 2em;}section .watermark {-webkit-transform: rotate(90deg);transform: rotate(90deg);font-size: 11rem;font-weight: 700;color: rgba(255, 255, 255, 0.05);-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}section.home {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 0 11em;padding-right: 0;}section.home .content h1 {font-family: 'Josefin Sans', Lucida Sans Typewriter, sans-serif;font-size: 7.2rem;margin-bottom: 0.05em;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}section.home .content .sub {display: block;font-size: 4.8rem;font-weight: 400;letter-spacing: 0;margin-bottom: 1.2em;color: rgba(255, 255, 255, 0.7);}section.home .content .btn {position: relative;display: inline-block;font-family: 'Lato', sans-serif;text-decoration: none;color: rgba(255, 255, 255, 0.5);padding: 1em 3em;-webkit-box-shadow: 7px 7px 0 rgba(0, 0, 0, 0.5);box-shadow: 7px 7px 0 rgba(0, 0, 0, 0.5);background: #0B2733;font-size: 2rem;font-weight: 700;-webkit-transition: 200ms;transition: 200ms;z-index: 2;}section.home .content .btn::before {content: '';position: absolute;inset: 0;background: #103647;-webkit-transform-origin: left;transform-origin: left;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transition: 200ms;transition: 200ms;z-index: -1;}section.home .content .btn:hover, section.home .content .btn:active {-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);color: #FFF;}section.home .content .btn:hover::before, section.home .content .btn:active::before {-webkit-transform: scaleX(1);transform: scaleX(1);}@media (max-width: 1100px) {section.home {padding: 2em 5em;}}@media (max-width: 576px) {section.home {padding: 2.5em;}}section.about {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;background: #081B23;padding: 0 11em;padding-right: 0;}section.about .content-about {width: 100%;}section.about h2 {font-size: 5.4rem;margin-bottom: .25em;}section.about p {max-width: 40em;font-size: 2rem;line-height: 1.8em;text-align: justify;}@media (max-width: 1100px) {section.about {padding: 2em 5em;}}@media (max-width: 576px) {section.about {padding: 2.5em;}}section.projects {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;background: #081B23;padding: 0 11em;padding-right: 0;}section.projects .watermark {position: absolute;right: -3%;}section.projects .nav-arrow {position: absolute;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;left: 7%;bottom: 5%;font-size: 5rem;color: rgba(255, 255, 255, 0.5);-webkit-transition: 200ms;transition: 200ms;-webkit-animation: up-down 1s linear infinite alternate;animation: up-down 1s linear infinite alternate;text-decoration: none;}section.projects .nav-arrow span {font-size: 1.6rem;margin-left: 0.25em;}@-webkit-keyframes up-down {from {-webkit-transform: translateY(-5px);transform: translateY(-5px);}to {-webkit-transform: translateY(5px);transform: translateY(5px);}}@keyframes up-down {from {-webkit-transform: translateY(-5px);transform: translateY(-5px);}to {-webkit-transform: translateY(5px);transform: translateY(5px);}}section.projects .nav-arrow:hover, section.projects .nav-arrow:active {color: #FFF;}section.projects img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}section.projects span.indicator {grid-column: span 2;margin-bottom: 0.05em;}section.projects .gallery-projects {display: -ms-grid;display: grid;width: 100%;max-width: 100em;-ms-grid-columns: (minmax(200px, 1fr))[2];grid-template-columns: repeat(2, minmax(200px, 1fr));gap: 2em;}section.projects .gallery-projects .item {position: relative;}section.projects .gallery-projects .item a.container-img {display: block;border-radius: 10px;overflow: hidden;-webkit-transition: 200ms;transition: 200ms;}section.projects .gallery-projects .item a.container-img:hover {-webkit-transform: translateY(-15px);transform: translateY(-15px);}section.projects .gallery-projects .item h3 {margin-top: 0.5em;font-size: 2.4rem;color: #FFF;-webkit-transition: 200ms;transition: 200ms;}section.projects .gallery-projects .item .btn-redirect {display: inline-block;font-size: 1.8rem;font-weight: 700;padding: .75em 1.5em;margin-top: 1.5em;-webkit-box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.5);box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.5);background: #0B2733;text-decoration: none;color: rgba(255, 255, 255, 0.5);-webkit-transition: 200ms;transition: 200ms;}section.projects .gallery-projects .item .btn-redirect:hover {-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);color: #FFF;background: #103647;}@media (max-width: 1100px) {section.projects {padding: 2em 5em;}}@media (max-width: 576px) {section.projects {padding: 2.5em;}}section.contacts {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;background: #081B23;padding: 0 11em;padding-right: 0;}section.contacts .watermark {position: absolute;right: -5%;}section.contacts .container-contacts {width: 100%;height: 100%;max-width: 40em;}section.contacts .container-contacts .indicator {margin-bottom: 0.1em;margin-top: 2em;}section.contacts .container-contacts .contacts-form {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}section.contacts .container-contacts .contacts-form label {font-weight: 700;font-size: 1.8rem;letter-spacing: 2px;margin: 1em 0 0.45em;}section.contacts .container-contacts .contacts-form input, section.contacts .container-contacts .contacts-form textarea {border: none;outline: none;background: #103647;background-image: -webkit-gradient(linear, left top, right top, from(#00C3A3), to(rgba(0, 195, 163, 0.8)));background-image: linear-gradient(90deg, #00C3A3, rgba(0, 195, 163, 0.8));background-repeat: no-repeat;background-size: 0 0;background-position: bottom left;font-size: 1.8rem;padding: 0.75em;-webkit-box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.25);box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.25);color: #FFF;-webkit-transition: 200ms;transition: 200ms;}section.contacts .container-contacts .contacts-form input:focus, section.contacts .container-contacts .contacts-form textarea:focus {-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.25);box-shadow: 0 0 0 rgba(0, 0, 0, 0.25);background-size: 100% 3px;}section.contacts .container-contacts .contacts-form textarea {height: 180px;}section.contacts .container-contacts .contacts-form button.submit {padding: 0.75em 0.5em;max-width: 50%;margin-top: 1.5em;font-size: 1.8rem;color: #FFF;-webkit-box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.5);box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.5);background: #0B2733;-webkit-transition: 200ms;transition: 200ms;outline: none;border: none;}section.contacts .container-contacts .contacts-form button.submit:hover {-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);color: #FFF;background: #103647;}section.contacts .container-contacts .contacts-form button.submit:focus {color: rgba(255, 255, 255, 0.7);}section.contacts .container-contacts .contacts-form .load {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 0.75em 0.5em;max-width: 50%;margin-top: 2.5em;}section.contacts .container-contacts .contacts-form .load span {margin-left: 0.5em;width: 1.75em;aspect-ratio: 1 / 1;border-radius: 50%;background: #00C3A3;-webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.5);box-shadow: 0 3px 0 rgba(0, 0, 0, 0.5);-webkit-animation: load 0.5s linear infinite alternate;animation: load 0.5s linear infinite alternate;-webkit-animation-delay: calc(0.1s * var(--i));animation-delay: calc(0.1s * var(--i));}@-webkit-keyframes load {from {-webkit-transform: translateY(-10px);transform: translateY(-10px);}to {-webkit-transform: translateY(0);transform: translateY(0);}}@keyframes load {from {-webkit-transform: translateY(-10px);transform: translateY(-10px);}to {-webkit-transform: translateY(0);transform: translateY(0);}}section.contacts .social {width: 100%;max-width: 45em;height: auto;margin-right: 8.5em;}section.contacts .social h4 {position: relative;font-size: 2rem;max-width: -webkit-fit-content;max-width: -moz-fit-content;max-width: fit-content;}section.contacts .social h4::before {content: '';position: absolute;bottom: -5px;left: 0;width: 100%;height: 3px;border-radius: 10px;background: -webkit-gradient(linear, left top, right top, from(#103647), to(#00C3A3));background: linear-gradient(90deg, #103647, #00C3A3);}section.contacts .social ul {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;min-height: 220px;list-style: none;}section.contacts .social ul li {margin-top: 2.5em;}section.contacts .social ul li:hover a {color: #FFF;}section.contacts .social ul li a {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-size: 1.8rem;text-decoration: none;cursor: pointer;color: rgba(255, 255, 255, 0.5);-webkit-transition: 200ms;transition: 200ms;}section.contacts .social ul li a .social-label {margin-left: 0.75em;}section.contacts .social ul li ion-icon {font-size: 5rem;}@media (max-width: 1100px) {section.contacts {padding: 2em 5em;}}@media (max-width: 576px) {section.contacts {padding: 2.5em;}}.nav-arrow {position: absolute;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;right: 1%;bottom: 5%;font-size: 5rem;color: rgba(255, 255, 255, 0.5);-webkit-transition: 200ms;transition: 200ms;-webkit-animation: up-down 1s linear infinite alternate;animation: up-down 1s linear infinite alternate;text-decoration: none;}.nav-arrow span {font-size: 1.6rem;margin-left: 0.25em;}.nav-arrow:hover, .nav-arrow:active {color: #FFF;}footer {position: absolute;bottom: 0;width: 100%;}footer p {color: #FFF;font-size: 1.8rem;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin: 0;}@media (max-width: 1100px) {section .watermark {position: absolute;top: 50%;-webkit-transform: translateY(-50%) rotate(90deg);transform: translateY(-50%) rotate(90deg);right: -8%;}section.home .content h1 {font-size: 6.5rem;}section.home .content .sub {font-size: 4rem;}section.projects .watermark {right: -10%;}section.contacts {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}section.contacts .watermark {right: -20%;}section.contacts .container-contacts {max-width: 45em;}section.contacts .container-contacts .indicator {font-size: 2.5rem;}section.contacts .social {margin-top: 5em;margin-right: 0;}}@media (max-width: 576px) {section .watermark {font-size: 15rem;top: 20%;left: 5%;-webkit-transform: rotate(0);transform: rotate(0);}header.change-bg {background: #081B23;}header .logo img {max-width: 50px;}header .logo span.my-logo {visibility: hidden;}header .toggle {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: space-evenly;-ms-flex-pack: space-evenly;justify-content: space-evenly;width: 5em;height: 5em;cursor: pointer;overflow: hidden;-webkit-transition: 200ms;transition: 200ms;}header .toggle.close-nav {border: 0.5em dotted #00C3A3;border-radius: 50%;-webkit-transition: 100ms;transition: 100ms;-webkit-animation: round 5s linear infinite alternate;animation: round 5s linear infinite alternate;}@-webkit-keyframes round {from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}@keyframes round {from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}header .toggle.close-nav span:first-child + span {opacity: 0;}header .toggle.close-nav span:first-child {-webkit-transform: translateX(-200%);transform: translateX(-200%);}header .toggle.close-nav span:last-child {-webkit-transform: translateX(200%);transform: translateX(200%);}header .toggle span {display: block;width: 100%;height: 5px;border-radius: 5px;background: #FFF;}header .toggle span:first-child {width: calc(100% - 50%);-ms-flex-item-align: end;align-self: flex-end;-webkit-transform-origin: right;transform-origin: right;-webkit-transition: 500ms;transition: 500ms;}header .toggle span:first-child + span {background: #00C3A3;width: calc(100% - 25%);-webkit-transition: 100ms;transition: 100ms;}header .toggle span:last-child {width: calc(100% - 50%);-ms-flex-item-align: start;align-self: flex-start;-webkit-transform-origin: left;transform-origin: left;-webkit-transition: 500ms;transition: 500ms;}header .nav {display: none;}header .active-nav {position: absolute;top: 100%;left: 0;height: 100vh;width: 100vw;max-width: 100%;background: #081B23;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;text-align: center;-webkit-transition: 500ms;transition: 500ms;}header .active-nav li a {margin: 2.5em 0;}section.home .content h1.title {font-size: 4rem;}section.home .content .sub {font-size: 2.8rem;}section.home .content .btn {font-size: 1.8rem;}section.about .content-about h2 {font-size: 4rem;}section.about .content-about p {font-size: 1.6rem;}section.about a.nav-arrow {left: 2% !important;}section.projects a.nav-arrow {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;margin-right: 0.5em;left: 0;right: 0;bottom: 2%;}section.projects a.nav-arrow ion-icon {font-size: 3rem;}section.projects a.nav-arrow span {font-size: 1.4rem;}section.projects .gallery-projects {display: -ms-grid;display: grid;width: 100%;-ms-grid-columns: (minmax(100px, 1fr))[2];grid-template-columns: repeat(2, minmax(100px, 1fr));gap: 2.2em;}section.projects .gallery-projects .indicator {margin-top: 2em;}section.projects .gallery-projects .item {position: relative;grid-column: span 2;}section.projects .gallery-projects .item h3 {font-size: 1.8rem;}section.projects .gallery-projects .item .btn-redirect {font-size: 1.4rem;margin-top: 1em;}section.contacts .watermark {font-size: 6rem !important;top: 5%;}section.contacts footer {padding: 0 2em;}section.contacts footer p {font-size: 1.2rem;}section.contacts a.nav-arrow {display: none;}section.contacts .social ul {min-height: auto;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: space-evenly;-ms-flex-pack: space-evenly;justify-content: space-evenly;}section.contacts .social ul ion-icon {font-size: 4rem;}section.contacts .social ul li a span, section.contacts .social ul li span .social-label {display: none;}}@media (max-width: 376px) {header .logo img {max-width: 45px;}section.home .content h1.title {font-size: 3.5rem;}section.home .content .sub {font-size: 2.4rem;}section.home .content .btn {font-size: 1.4rem;}section.about .content-about h2 {font-size: 3.8rem;}section.about .content-about p {font-size: 1.4rem;}section.contacts .social ul {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}section.contacts .social h4 {font-size: 1.7rem;}section.contacts .social ion-icon {font-size: 4.5rem;}}@media (max-width: 321px) {header .logo img {max-width: 40px;}section.home .content h1.title {font-size: 3rem;}section.home .content .sub {font-size: 2.2rem;}section.home .content .btn {font-size: 1.2rem;}section.about .content-about h2 {font-size: 3.3rem;}section.about .content-about p {font-size: 1.2rem;}section.contacts .container-contacts .indicator {font-size: 2.2rem;}section.contacts .container-contacts .contacts-form button.submit {font-size: 1.6rem;}section.contacts .social h4 {font-size: 1.5rem;}section.contacts .social li a ion-icon {font-size: 4rem;}}@media (max-height: 800px) {section.projects a.nav-arrow {bottom: 0;}}
/*# sourceMappingURL=main.css.map */