@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400;500;600;700&display=swap";.navbar{position:relative}@media only screen and (max-width: 46.87em){.navbar{position:absolute;top:100%;left:-100%;width:100%;padding:1rem 4%;background:#ff7518;box-shadow:0 .5rem 1rem rgba(0, 0, 0, 0.2);transition:.25s ease .25s;z-index:1}}.navbar__active{left:0;transition-delay:0s}.navbar__active-span{position:relative;top:0;left:-100%;width:100%;height:100%;background:#0a0b0a;z-index:-1;transition:.25s ease 0s}@media only screen and (max-width: 87.5em){.navbar__active-span{position:absolute}}.navbar__active .navbar__active-span{left:0;transition-delay:.25s}.navbar a{font-size:2rem;color:#e0e0e0;font-weight:500;margin-left:3.5rem;transition:all .3s}@media only screen and (max-width: 46.87em){.navbar a{display:block;font-size:2rem;margin:3rem 0}}.navbar a:hover,.navbar a.active{color:#ff7518}.btn{position:relative;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;width:15rem;height:100%;background:#ff7518;border:.2rem solid #ff7518;border-radius:.8rem;font-size:1.8rem;font-weight:600;letter-spacing:.1rem;color:#0a0b0a;z-index:1;overflow:hidden;transition:all .5s ease-in;cursor:pointer}@media only screen and (max-width: 21.87em){.btn{width:12.5rem}}.btn::before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:#0a0b0a;z-index:-1;transition:all .5s}.btn:hover::before{width:100%}.btn:hover{color:#ff7518}.btn-box{position:relative;display:flex;justify-content:space-between;width:35rem;height:5.5rem}.btn-box.vacation{justify-content:center}@media only screen and (max-width: 21.87em){.btn-box{width:30rem}}.splide__slide img{width:50%;height:auto;padding:3rem 0;transition:all .3s;cursor:pointer}.splide__slide img:hover{transform:scale(1.1)}.header{position:fixed;top:0;left:0;width:100vw;padding:2rem 9%;display:flex;justify-content:space-between;align-items:center;z-index:100;transition:.3s}@media only screen and (max-width: 100em){.header{padding:2rem 4%}}@media only screen and (max-width: 87.5em){.header{padding:2rem 3%;background:#0a0b0a}}@media only screen and (max-width: 74em){.header{padding:2rem 2%}}.header.sticky{background:#0a0b0a}.header a{text-decoration:none}.header__logo{font-size:3rem;color:#e0e0e0;font-weight:600;position:relative}.header__logo span{color:#ff7518}.header__menu-icon,.header #menu-icon{position:relative;font-size:3.7rem;color:#e0e0e0;cursor:pointer;display:none}@media only screen and (max-width: 46.87em){.header__menu-icon,.header #menu-icon{display:block}}.footer{display:flex;justify-content:space-between;align-items:center;padding:2rem 9%;flex-wrap:wrap;background:#1e1f1e;height:auto;min-height:8vh}@media only screen and (max-width: 37.5em){.footer{flex-direction:column-reverse}}.footer__text{font-size:1.6rem}@media only screen and (max-width: 37.5em){.footer__text{padding-top:1rem;font-size:1.2em}}.footer__icon-top{position:relative;display:inline-flex;justify-content:center;align-items:center;padding:.2rem;background:#ff7518;border:.2rem solid #ff7518;border-radius:.6rem;z-index:1;overflow:hidden}.footer__icon-top a{font-size:2.4rem;color:#0a0b0a}.footer__icon-top a:hover{color:#ff7518}.footer__icon-top a::before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:#0a0b0a;z-index:-1;transition:.3s}.footer__icon-top a:hover::before{width:100%}.home{min-height:100vh;padding:10rem 9% 2rem;display:flex;align-items:center;padding:0 9%;background:url("../images/ASTRONAUT.png") no-repeat;background-size:cover;background-position:28vw center}.home__content{max-width:74rem;z-index:99}@media only screen and (max-width: 37.5em){.home__content{display:flex;align-items:center;flex-direction:column;text-align:center}}.home__text-animate{position:relative;width:38rem}@media only screen and (max-width: 21.87em){.home__text-animate{width:30rem}}.home__text-animate::before{content:"";position:absolute;top:0;left:0;width:0;height:100%;border-right:2px solid #ff7518;animation:homeCursorText 6s linear infinite;animation-delay:1s}.home__text{font-size:1.7rem;margin:2rem 0 4rem;position:relative}@media only screen and (max-width: 21.87em){.home__text{font-size:1.4rem}}.home__links{position:absolute;bottom:4rem;width:15rem;display:flex;justify-content:space-between}.home__links--logo{text-decoration:none;position:relative;display:inline-flex;justify-content:center;align-items:center;width:5rem;height:5rem;background:transparent;border:.2rem solid #ff7518;border-radius:50%;font-size:2.5rem;color:#ff7518;transition:all .5s}.home__links--logo:hover{color:#0a0b0a;background-color:#ff7518}.about{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2rem;background:#1e1f1e;padding-top:6rem;height:auto;min-height:100vh}.about__img{position:relative;border-radius:50%;border:.2rem solid #ff7518}.about__img--shape{position:relative;height:25rem;width:25rem;-webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%)}@media only screen and (max-width: 112.5em){.about__img--shape{height:18rem;width:18rem}}@media only screen and (max-width: 74em){.about__img--shape{height:15rem;width:15rem}}.about__img--me{display:block;height:100%;width:100%;transform:scale(1.3);transition:transform .3s ease}.about__img--caption{position:absolute;top:50%;left:50%;transform:translate(-50%, 20%);text-transform:uppercase;font-size:1.7rem;white-space:nowrap;opacity:0;transition:all .5s}.about__img--shape:hover .about__img--caption{opacity:1;transform:translate(-50%, -50%)}.about__img--shape:hover .about__img--me{transform:scale(1);filter:blur(3px) brightness(65%)}.about__img--circle-spin{position:absolute;pointer-events:none;top:50%;left:50%;transform:translate(-50%, -50%) rotate(0);width:115%;height:115%;border-radius:50%;border-top:.2rem solid transparent;border-bottom:.2rem solid transparent;border-left:.2rem solid #ff7518;border-right:.2rem solid #ff7518;animation:aboutSpinner 5s linear infinite}.about__content{display:flex;flex-direction:column;align-items:center;justify-content:center}.about__content h3{position:relative;font-size:2.8rem}.about__content p{position:relative;width:65%;font-size:1.7rem;margin:2rem 0 3rem}@media only screen and (max-width: 112.5em){.about__content p{font-size:1.55rem}}.about__btn{width:15rem}.about__btn a::before{background:#1e1f1e !important}.skills{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8rem;height:auto;min-height:100vh;margin-bottom:3rem}@media only screen and (max-width: 87.5em){.skills{gap:2rem}}.skills__box{display:flex;flex-wrap:wrap;justify-content:center;width:60%;gap:5rem}@media only screen and (max-width: 87.5em){.skills__box{width:95%;gap:2rem}}.skills__single{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:12rem}.skills__single h3{font-size:1.6rem;position:relative}@media only screen and (max-width: 46.87em){.skills__single h3{font-size:1.4rem}}.skills__logo{width:10rem;height:10rem;transition:all .3s ease-in-out;filter:drop-shadow(0px 4px 6px rgba(255, 255, 255, 0.2))}@media only screen and (max-width: 46.87em){.skills__logo{width:8rem;height:8rem}}.skills__logo:hover{transform:scale(1.1);filter:drop-shadow(0px 6px 8px rgba(255, 255, 255, 0.3))}.projects{background:#1e1f1e;display:flex;justify-content:center;align-items:center;flex-direction:column;height:auto;min-height:100vh;scroll-margin-top:8rem}.projects__row{display:flex;flex-wrap:wrap;gap:5rem}.projects__column{flex:1;padding:5rem}.projects__box{position:relative;border-left:.2rem solid #ff7518}.projects__box .animate.scroll{width:105%}.projects__content{position:relative;padding-left:2rem}.projects__content::before{content:"";position:absolute;top:0;left:-1.1rem;width:2rem;height:2rem;background:#ff7518;border-radius:50%}.projects__content--text{position:relative;padding:1.5rem;border:.2rem solid #ff7518;border-radius:.6rem;margin-bottom:2rem;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center}.projects__content--text::before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:#0a0b0a;z-index:-1;transition:.3s}.projects__content--text:hover::before{width:100%}.projects__content--text h3{font-size:2.2rem}.projects__content--text p{font-size:1.6rem;padding:1rem 0}.projects__content--text .btn-box{margin-top:1rem;height:3rem}.contact{min-height:auto;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:2rem;height:auto;min-height:92vh}.contact__form{max-width:90rem;width:100%}.contact__form .focus{position:absolute;top:0;left:0;width:0;height:100%;background:#1e1f1e;border-radius:.6rem;z-index:-1;transition:.5s}.contact__form input:focus~.focus,.contact__form input:valid~.focus,.contact__form textarea:focus~.focus,.contact__form textarea:valid~.focus{width:100%}.contact__input-box{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap}.contact__input-field{position:relative;width:49%;margin:.8rem 0}.contact__textarea-field{position:relative;margin-top:.7rem;height:70%}.contact__textarea-field textarea{resize:none}.contact__input-field input,.contact__textarea-field textarea{width:100%;height:100%;padding:1.5rem;font-size:1.6rem;color:#e0e0e0;background:transparent;border-radius:.6rem;border:.2rem solid #ff7518}.contact__input-field input:focus,.contact__textarea-field textarea:focus{outline:none}.contact__input-field input::-moz-placeholder,.contact__input-field input::-moz-placeholder,.contact__textarea-field textarea::-moz-placeholder,.contact__textarea-field textarea::-moz-placeholder{color:#e0e0e0}.contact__input-field input::placeholder,.contact__input-field input::placeholder,.contact__textarea-field textarea::placeholder,.contact__textarea-field textarea::placeholder{color:#e0e0e0}.contact__btn{margin:1rem auto;width:15rem}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}html{font-size:62.5%;overflow-x:hidden}@media only screen and (max-width: 74em){html{font-size:55%}}@media only screen and (max-width: 37.5em){html{font-size:50%}}body{font-family:"Roboto Mono",monospace;background-color:#0a0b0a;color:#e0e0e0}.heading-primary--main{position:relative;font-size:6.8rem;font-weight:700;line-height:1.3}@media only screen and (max-width: 46.87em){.heading-primary--main{font-size:6rem}}@media only screen and (max-width: 37.5em){.heading-primary--main{font-size:5.5rem}}@media only screen and (max-width: 21.87em){.heading-primary--main{font-size:4rem}}.heading-primary--main span{color:#ff7518}.heading-primary--sub{font-size:3.3rem;font-weight:700;color:transparent;-webkit-text-stroke:1.5px #ff7518;background-image:linear-gradient(#ff7518, #ff7518);background-repeat:no-repeat;background-clip:text;-webkit-background-clip:text;background-position:-38rem 0;animation:homeBgText 6s linear infinite;animation-delay:1s}@media only screen and (max-width: 46.87em){.heading-primary--sub{font-size:3rem}}@media only screen and (max-width: 37.5em){.heading-primary--sub{font-size:2.5rem}}@media only screen and (max-width: 21.87em){.heading-primary--sub{font-size:2rem}}.heading{position:relative;font-size:6.5rem;margin-bottom:3rem;text-align:center}.heading span{color:#ff7518}@keyframes homeBgText{0%,10%,100%{background-position:-38rem 0}65%,85%{background-position:0 0}}@keyframes homeCursorText{0%,10%,100%{width:0}65%,78%,85%{width:100%;opacity:1}75%,81%{opacity:0}}@keyframes aboutSpinner{100%{transform:translate(-50%, -50%) rotate(360deg)}}@keyframes showRight{100%{width:0}}.animate{position:absolute;top:0;right:0;width:100%;height:100%;background:#0a0b0a;z-index:95}section:nth-child(odd) .animate{background:#1e1f1e}.animate.home-img{width:62%}.header .animate,.navbar .animate,#menu-icon .animate,.home.show-animate .animate{animation:showRight 1s ease forwards;animation-delay:calc(.3s*var(--i))}.animate.scroll{transition:1s ease;transition-delay:calc(.2s/var(--i));animation:none}.about.show-animate .animate.scroll,.skills.show-animate .animate.scroll,.projects.show-animate .animate.scroll,.contact.show-animate .animate.scroll{transition-delay:calc(.2s*var(--i));width:0}/*# sourceMappingURL=style.css.map */