@import url(https://fonts.googleapis.com/css2?family=Tektur&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#020202;color:#ededed;margin:0}html{font-size:62.5%;overflow-x:hidden;scrollbar-color:#fff #0000;scrollbar-width:thin}html::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-track{background:#0000}html::-webkit-scrollbar-thumb{background:#fff;border:2px solid #0000;border-radius:4px}#root{scroll-snap-type:y mandatory}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Tektur,cursive;margin:0;outline:none;padding:0;scroll-behavior:smooth;text-decoration:none}.heading{font-size:5rem;margin-bottom:3rem;position:relative;text-align:center}.heading span{color:#00abf0}@media(max-width:1300px){html{font-size:59%}}@media(max-width:1200px){html{font-size:55%}}@media(max-width:920px){html{font-size:52%}}@media(max-width:520px){html{font-size:50%}}.btn-box{display:flex;height:5rem;justify-content:space-between;width:34.5rem}.btn{align-items:center;background:#00abf0;border:.2rem solid #00abf0;border-radius:.8rem;color:#020202;display:inline-flex;font-size:1.8rem;font-weight:600;height:100%;justify-content:center;letter-spacing:.1rem;overflow:hidden;position:relative;transition:.5s;width:15rem;z-index:1}.btn:hover{color:#00abf0}.btn-box .btn:before{background:#020202;content:"";height:100%;left:0;position:absolute;top:0;transition:.5s;width:0;z-index:-1}.btn-box .btn:nth-child(2){background:#0000;color:#00abf0}.btn-box .btn:nth-child(2):hover{color:#020202}.btn-box .btn:nth-child(2):before{background:#00abf0}.btn-box .btn:hover:before{width:100%}.App{scroll-snap-type:y mandatory}.header{align-items:center;background:#0000;display:flex;justify-content:space-between;left:0;padding:2rem 9%;position:fixed;top:0;transition:.3s;width:100%;z-index:999}.header.sticky{background:#020202}.header__logo{color:#ededed;font-size:2.5rem;font-weight:600}.header__logo,.header__navbar{position:relative}.header__navbar a{color:#ededed;font-size:1.7rem;font-weight:500;margin-left:3.5rem;transition:.3s}.header__navbar a.active,.header__navbar a:hover{color:#00abf0}#menu-icon{color:#ededed;cursor:pointer;display:none;font-size:3.6rem}.show-animation .animate-span{animation:showText 1.8s ease forwards;animation-delay:calc(.3s*var(--i));background:#020202;height:122%;position:absolute;right:0;top:0;width:122%;z-index:102}section:nth-child(odd) .animate-span{background:#1b1b1b}@media(max-width:1000px){.header{padding:2rem 4%}section{padding:10rem 4% 2rem}}@media(max-width:768px){#menu-icon{display:block}.header{background:#1b1b1b;z-index:101}.header__navbar{background:#1b1b1b;box-shadow:0 .5rem 1rem #0003;left:-100%;padding:1rem 4%;position:absolute;top:100%;transition:.25s ease;transition-delay:.1s;width:100%}.header__navbar a{display:block;font-size:2rem;margin:3rem 0;transform:translateX(-5rem);transition:.25s ease;transition-delay:0s}.header__navbar.active-navbar a{transform:translateX(0);transition:.25s ease}.active-navbar{left:0;transition-delay:.1s;z-index:999}}@keyframes showText{to{width:0}}section{min-height:100vh;overflow:hidden;padding:10rem 9% 2rem;position:relative;scroll-snap-align:start}section:nth-child(odd){background:#1b1b1b}.home{align-items:center;display:flex;padding:0 9%;position:relative}.home:before{animation:fadeIn 4s ease;background:url(../../static/media/main.a74653035417cb7ddab2.jpg) no-repeat;background-position:100%;background-position-x:87%;background-size:contain;content:"";display:block;height:100%;left:0;opacity:.9;position:absolute;top:0;width:100%}@keyframes fadeIn{0%{left:15%;opacity:0}to{left:0;opacity:.9}}@keyframes fadeInLowFrame{0%{opacity:0}to{opacity:.9}}.btn-box{position:relative}.img-hover{width:50%}.home-content{max-width:60rem;z-index:100}.home-content__img-hover{background:#0000;height:100%;position:absolute;right:0;top:0;transition:3s;width:50%}.home-content__img-hover:hover{background:#020202;opacity:.4}.home-content__text-animate{position:relative;width:31rem}.home-content__text-animate h3{-webkit-text-stroke:.2px #00abf0;animation:homeBgText 6s linear infinite;animation-delay:2s;-webkit-background-clip:text;background-image:linear-gradient(#00abf0,#00abf0);background-position:-31rem 0;background-repeat:no-repeat;color:#0000;font-size:3.2rem;font-weight:700}.home-content__text-animate h3:before{animation:homeCursorText 6s linear infinite;animation-delay:2s;border-right:2px solid #00abf0;content:"";height:100%;left:0;position:absolute;top:0;width:0;z-index:-1}.home-content h1{font-size:5.6rem;font-weight:700;line-height:1.3;position:relative}.home-content p{font-size:1.6rem;letter-spacing:.1rem;margin:2rem 0 4rem;position:relative}.home-content__media{bottom:4rem;display:flex;justify-content:space-between;position:absolute;width:20rem}.home-content__media a{align-items:center;background:#0000;border:.2rem solid #00abf0;border-radius:50%;color:#00abf0;display:inline-flex;font-size:2.8rem;height:40px;justify-content:center;overflow:hidden;position:relative;transition:.5s;width:40px;z-index:1}.home-content__media a:hover{color:#020202}.home-content__media a:before{background:#00abf0;content:"";height:100%;left:0;position:absolute;top:0;transition:.5s;width:0;z-index:-1}.home-content__media a:hover:before{width:100%}@keyframes homeBgText{0%,10%,to{background-position:-31rem 0}65%,85%{background-position:0 0}}@keyframes homeCursorText{0%,10%,to{width:0}65%,78%,85%{opacity:1;width:100%}75%,81%{opacity:0}}@media(max-width:1400px){.home:before{animation:fadeInLowFrame 12s ease;left:10%}}@media(max-width:1250px){.home:before{left:14%}}@media(max-width:1130px){.home:before{left:18%}}@media(max-width:1000px){section{padding:10rem 4% 2rem}.home{padding:0 4%}.home:before{left:20%}.home-content__img-hover{pointer-events:none}}@media(max-width:905px){.home-content__img-hover{width:100%;z-index:9}.animate-span{z-index:10}.home:before{left:22%;opacity:.8}}@media(max-width:842px){.home:before{left:24%}}@media(max-width:800px){.home:before{background:none}.home-content{display:flex;flex-direction:column}.home{justify-content:center}.home-content__media{position:none}}@media(max-width:520px){.home-content{display:flex;flex-direction:column}}@media(max-width:462px){.home-content h1{font-size:5.2rem}.home{background-size:cover}}@media(max-width:371px){.home-content h1{font-size:5rem}.home-content__media{opacity:.75;width:20rem}}.about{background:#1b1b1b;flex-direction:column;gap:2rem;padding-bottom:6rem}.about,.about__img{align-items:center;display:flex;justify-content:center}.about__img{height:25rem;width:25rem}.about__img,.about__img img{border-radius:50%;position:relative}.about__img img{border:.2rem solid #00abf0;overflow:hidden;width:90%}.about__img__circle-span{animation:aboutSpinner 12s linear infinite;border-color:#1b1b1b #00abf0;border-radius:50%;border-style:solid;border-width:.2rem;height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(0);width:100%}.about__content{position:relative;text-align:center}.about__content h3{font-size:2.6rem}.about__content p{font-size:1.6rem;letter-spacing:.05rem;margin:2rem 0 3rem}.about__content p span{color:#00abf0;font-size:1.8rem}.about__content p span:last-child{text-decoration:underline}.element-animation{opacity:0;transform:translateY(100px)}.element-animation.element-show{opacity:1;transform:translateY(0);transition:all calc(.5s*var(--i))}@keyframes aboutSpinner{to{transform:translate(-50%,-50%) rotate(1turn)}}.skills{min-height:auto;min-height:100vh;padding-bottom:7rem}.skills__row{display:flex;flex-direction:column;gap:5rem;margin:0 auto;position:relative;width:60rem}.skills__column .title{font-size:2.5rem;margin:0 0 1.5rem}.skills__content{border:.2rem solid #00abf0;border-radius:.6rem;overflow:hidden;padding:.5rem 1.5rem;position:relative;z-index:1}.skills__content:before{background:#1b1b1b;content:"";height:100%;left:0;position:absolute;top:0;transition:.5s;width:0;z-index:-1}.skills__content:hover:before{width:100%}.skills__content .progress{padding:1rem 0}.skills__content .progress .bar{border:.2rem solid #00abf0;border-radius:.6rem;height:2.5rem;margin:1rem 0;padding:.5rem}.skills__content .progress .bar span{background-color:#00abf0;border-radius:.3rem;display:block;height:100%}.skills__content .progress h3{display:flex;font-size:1.7rem;justify-content:space-between}.skills__content .progress h3 span{color:#ededed}@media(max-width:769px){.skills__row{width:70%}}@media(max-width:600px){.skills__row{width:80%}}@media(max-width:450px){.skills__row{width:91%}}.footer{align-items:center;background:#020202;display:flex;flex-wrap:wrap;justify-content:space-between;padding:2rem 9%}.footer__text p{font-size:1.6rem}.footer__icon-top a{align-items:center;background:#00abf0;border:.2rem solid #00abf0;border-radius:.6rem;display:inline-flex;justify-content:center;overflow:hidden;padding:.8rem;position:relative;z-index:1}.footer__icon-top a:before{background:#1b1b1b;content:"";height:100%;left:0;position:absolute;top:0;transition:.5s;width:0;z-index:-1}.footer__icon-top a:hover:before{width:100%}.footer__icon-top a i{color:#020202;font-size:2.4rem;transition:.5s}.footer__icon-top a:hover i{color:#00abf0}@media(max-width:1000px){.footer{padding:2rem 4%}}@media(max-width:462px){.footer{flex-direction:column-reverse}.footer p{margin-top:2rem}}.portfolio{min-height:auto;min-height:100vh}.portfolio-content{border:.2rem solid #00abf0;border-radius:2.8rem;display:grid;grid-template-columns:40% 1fr;margin:6rem 0 8rem;position:relative;z-index:1}.portfolio-content:before{background:#020202;border-radius:2.8rem;content:"";height:100%;left:2%;position:absolute;top:0;transition:.5s;width:0;z-index:-1}.portfolio-content:hover:before{width:98%}.portfolio-content__picture{border:.8rem solid #1b1b1b;border-radius:2.8rem;height:100%;overflow:hidden;width:100%}.portfolio-content__picture img{border-radius:2.8rem;height:100%;transition:.5s;width:100%}.portfolio-content__picture img:hover{transform:scale(1.2)}.portfolio-content__main-information{display:flex;flex-direction:column;justify-content:space-between;padding:4%}.portfolio-content__main-information h2{color:#00abf0;font-size:3.4rem}.portfolio-content__main-information span{color:#00abf0;font-size:2.4rem;margin:.6rem 0 0}.portfolio-content__title-description{display:flex;flex-direction:column;gap:6px}.portfolio-content__title-description p{font-size:2rem;padding:.4rem 0 2rem}.portfolio-content__technologies{align-items:center;background-color:#1b1b1b;border:.3rem solid #00abf0;border-radius:2.8rem;display:flex;justify-content:space-around;padding:1.2rem;position:absolute;right:2%;top:-8%;z-index:1005}.portfolio-content__technologies p{font-size:1.8rem;margin-right:1.4rem}.portfolio-content__technologies p:last-child{margin-right:0}.portfolio-content__date{align-items:center;background-color:#1b1b1b;border:.3rem solid #00abf0;border-radius:2.8rem;bottom:10%;display:flex;justify-content:space-around;padding:1.2rem;position:absolute;right:2%;z-index:1005}.portfolio-content__date p{font-size:1.8rem;margin-right:1.4rem}.portfolio-content__date p:last-child{margin-right:0}@media(max-width:1380px){.portfolio-content__main-information h2{font-size:2.6rem}.portfolio-content__main-information p{font-size:1.3rem}.portfolio-content__main-information span{font-size:2rem}.portfolio-content__technologies{padding:1.1rem}.portfolio-content__technologies p{font-size:1.6rem;margin-right:1.2rem}.portfolio-content__date{padding:1.1rem}.portfolio-content__date p{font-size:1.6rem;margin-right:1.2rem}}@media(max-width:1100px){.portfolio-content__main-information h2{font-size:2.4rem}.portfolio-content__main-information p{font-size:1.6rem}.portfolio-content__main-information span{font-size:2rem}.portfolio-content__technologies{padding:1rem}.portfolio-content__technologies p{font-size:1.4rem;margin-right:1rem}.portfolio-content__date{padding:1rem}.portfolio-content__date p{font-size:1.4rem;margin-right:1rem}}@media(max-width:830px){.portfolio-container{align-content:center;display:flex;flex-wrap:wrap;justify-content:center}.portfolio-content{border:.2rem solid #00abf0;border-radius:2.8rem;display:flex;flex-direction:column;margin:4rem 2rem;position:relative;width:36rem;z-index:1}.portfolio-content__main-information{display:flex;flex-direction:column;justify-content:space-between;padding:2% 4%}.portfolio-content__technologies{background-color:#1b1b1b;border:.3rem solid #00abf0;border-radius:2.8rem;display:flex;display:none;flex-direction:column;position:absolute;right:-4%;top:2%;z-index:1005}.portfolio-content__technologies p{font-size:2rem;margin-bottom:1.4rem;margin-right:0;writing-mode:vertical-lr}.portfolio-content__technologies p:last-child{margin-bottom:0}.portfolio-content__date{visibility:hidden}.portfolio .btn-box{width:100%}}@media(max-width:724px){.portfolio-content{width:40rem}.portfolio .btn{width:36%}.portfolio-content__main-information h2{font-size:2.4rem;margin-bottom:.8rem}.portfolio-content__main-information p{font-size:1.4rem}.portfolio-content__main-information p:last-child{margin-bottom:1.6rem}.portfolio-content__main-information span{font-size:1.8rem}}@media(max-width:570px){.portfolio-content{width:44rem}}@media(max-width:460px){.portfolio-content{width:91%}}
/*# sourceMappingURL=main.3b7f3337.css.map*/