@font-face {font-family: 'custom-icons';src: url(../fonts/icons.woff) format("woff");font-display: swap }.bi::before, [class^='bi-']::before, [class*=' bi-']::before {display: inline-block;font-display: block;font-family: custom-icons !important;font-style: normal;font-weight: 400 !important;font-variant: normal;text-transform: none;line-height: 1;vertical-align: -.125em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale }.bi-cloud-moon::before {content: '\f2b0' }.bi-cloud-sun::before {content: '\f2be' }.envelope, .file-pdf, .globe-americas {font-size: 50px;-webkit-transition: all ease .7s;transition: all ease .7s }.arrow-up, .envelope, .file-pdf, .globe-americas {color: var(--primary-color) }.codepen, .github, .linkedin, .twitter {font-size: 20px }.codepen, .github, .linkedin, .twitter, .whatsapp {color: #3a9fbf;-webkit-transition: all ease .5s;transition: all ease .5s }.whatsapp {font-size: 15px }.codepen:hover, .github:hover, .linkedin:hover, .twitter:hover, .whatsapp:hover {-webkit-transition: all ease .6s;transition: all ease .6s;color: #470ba9;-webkit-transform: scale(1.1);transform: scale(1.1) }.envelope:hover, .fa-arrow-up:hover, .file-pdf:hover, .globe-americas:hover {color: var( --form-focus-border);}.rightArrow {-webkit-transition: all .3s ease-in-out;transition: all ease-in-out .9s;opacity: 0 }.social {visibility: hidden;position: fixed;top: 50%;left: -65px;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;overflow: hidden;cursor: pointer;width: 240px;height: 72px;background-color: transparent;border: 1px solid var(--social-btn-border);border-radius: 80px;padding: 0 18px;will-change: transform;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out }.social:hover {-webkit-transform: scale(1.1);transform: scale(1.1) rotate(90deg) }.socialBtn {position: absolute;-webkit-text-stroke: thin;z-index: 20;width: 240px;height: 72px;border-radius: 80px;font-size: 20px;text-align: center;line-height: 68px;letter-spacing: 2px;color: var(--social-btn-text);padding: 0 18px;-webkit-transition: all 1.2s ease;transition: all 1.2s ease }.socialBtn+.iconsBox i {opacity: 0 }.socialText {-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;word-break: break-all;height: 10px;font-size: 1.2rem;line-height: 28px;text-transform: uppercase }.iconsBox {-webkit-transform: rotate(-90deg);transform: rotate(-90deg);display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-pack: distribute;justify-content: space-around;-webkit-box-align: center;-ms-flex-align: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column-reverse;align-items: center;border-radius: 80px }.iconsBox i {opacity: 1;margin: 12px 0 }.iconsBox i:nth-of-type(1) {-webkit-transition-delay: 1.8s;transition-delay: 1.8s }.iconsBox i:nth-of-type(2) {-webkit-transition-delay: 1.5s;transition-delay: 1.5s }.iconsBox i:nth-of-type(3) {-webkit-transition-delay: 1.2s;transition-delay: 1.2s }.iconsBox i:nth-of-type(4) {-webkit-transition-delay: .9s;transition-delay: .9s }.social:hover span {-webkit-transition-delay: .25s;transition-delay: .25s;-webkit-transform: translateX(-280px);transform: translateX(-280px) }.social:hover i {opacity: 1;-webkit-transform: scale(1);transform: scale(1) }#smoothScroll, .knowledge-icons, .programmer {-webkit-filter: drop-shadow(2px 4px 8px var(--primary-color));filter: drop-shadow(2px 4px 8px var(--primary-color)) }