body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{background:linear-gradient(180deg,#000,#000000e6);box-shadow:0 1px 5px #0000001a;display:flex;filter:contrast(1.05) brightness(1.05);height:120px;justify-content:center;overflow:hidden;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:100}.navbar ul{display:flex;list-style:none;margin:0;padding:0;z-index:2}.navbar li{margin:0 40px}.navbar a{color:#eae9f1;display:inline-block;font-family:var(--retro-font-6);font-size:27px;font-weight:700;letter-spacing:2px;padding:20px 25px;position:relative;text-decoration:none;transition:all .3s ease;z-index:2}.navbar a:hover{background-color:rgba(150,170,79,.377);border-radius:20px;color:#0a0230;text-shadow:0 0 10px gold,0 0 20px gold,0 0 30px gold}.navbar a:after{background-color:gold;bottom:0;content:"";height:4px;left:50%;position:absolute;transition:all .3s ease;width:4}.navbar a:hover:after{left:10%;width:80%}.squares-container{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.square{background-color:gold;opacity:.2;position:absolute;transition:transform .3s ease,opacity .3s ease;z-index:0}@keyframes fadeInOut{0%,to{opacity:0}50%{opacity:1}}:root{--name-font-size-desktop:4vw;--name-font-size-tablet:6vw;--name-font-size-mobile:8vw;--retro-font:"VT323",monospace;--retro-font-2:"Press Start 2P",cursive;--retro-font-3:"Courier New",Courier,monospace;--retro-font-4:"OCR A Std",monospace;--retro-font-5:"Fixedsys",monospace;--retro-font-6:"Audiowide",cursive;--montserrat-alternates:"Montserrat Alternates",sans-serif}.home-section{align-items:center;background:linear-gradient(180deg,#000,#000);color:#fff;display:flex;flex-direction:column;height:125vh;justify-content:center;overflow:hidden;padding-top:1px;position:relative}.home-content{height:100%;margin:0 auto;max-width:100vw;position:relative;width:100%}.first-name{left:10%;text-shadow:10px -1px 0 #111,1px -1px 0 #f2ff3e,-1px 1px 0 #020202,1px 1px 0 #000;top:11%}.first-name,.last-name{animation:slideInLeft 2s forwards,cyberpunk-glitch 7s step-end infinite;color:#fff;font-family:Audiowide,cursive;font-family:var(--retro-font-6);font-size:4vw;font-size:var(--name-font-size-desktop);font-weight:700;letter-spacing:.5vw;margin:0;position:absolute}.last-name{animation-delay:1s;left:25%;top:17%}.job-title,.last-name{opacity:0;text-shadow:10px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.job-title{animation:slideInLeft 2s forwards,cyberpunk-glitch 7s step-end infinite;animation-delay:2s;color:#fff;font-family:Audiowide,cursive;font-family:var(--retro-font-6);font-size:2vw;font-weight:700;left:15%;letter-spacing:.5vw;margin:0;position:absolute;top:25%}.photo-container{left:2rem;position:fixed;top:15rem;transform:translateX(-50%);transition:transform .5s ease-out;z-index:2}.profile-photo{animation:fadeInUp 1s forwards,bounce 0s 0;animation-delay:2s,3s;border:5px solid #fff;border-radius:50%;box-shadow:0 0 10px 5px rgba(0,0,0,.938);height:15vw;max-height:10rem;max-width:10rem;object-fit:cover;opacity:0;width:15vw}.vertical-line{box-shadow:0 0 10px 5px #848b40cc;height:100%;left:9%;top:0;transform:translateX(-50%);width:1px}.horizontal-line,.vertical-line{animation:slideInRight 2s forwards;background-color:#fff;opacity:0;position:absolute}.horizontal-line{box-shadow:0 0 10px 5px #8a923fcc;height:1px;left:0;top:30%;transform:translateY(-50%);width:100%}.info-rectangle{background-color:#0000001a;border:2px solid #fff;border-radius:10px;box-shadow:0 0 15px #00000080;color:#fff;font-family:Montserrat Alternates,sans-serif;font-family:var(--montserrat-alternates);left:27%;max-width:60rem;opacity:0;padding:20px;position:absolute;text-align:center;top:54vh;transform:translateX(-50%) translateY(50px);transition:opacity 1s ease-in-out,transform 1s ease-in-out;width:80%}.info-rectangle:hover{box-shadow:0 0 20px #ffffffb3;transform:translateX(-50%) scale(1.5)}.info-rectangle p{color:#fff;font-size:18px;line-height:1.6;margin:10px 0}.info-rectangle ul{margin:10px 0;padding-left:20px}.info-rectangle ul li{color:#e9cc2b;font-size:18px;margin-bottom:10px}.hover-image{height:auto;left:100%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) translateX(10px);transition:opacity .3s ease-in-out,transform .3s ease-in-out;width:150px}.info-rectangle:hover .hover-image{opacity:1;transform:translateY(-50%) translateX(20px)}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-7px)}}@keyframes cyberpunk-glitch{0%{clip-path:polygon(13% 50%,39% 75%,28% 12%,33% 18%,46% 77%,29% 93%,20% 80%,22% 65%,33% 36%,65% 77%,63% 50%,62% 24%,37% 35%,76% 67%,55% 60%,18% 78%,69% 58%,36% 24%,95% 11%,93% 78%,48% 74%,75% 59%,8% 18%,17% 80%,12% 18%,11% 74%)}4%{clip-path:polygon(7% 39%,3% 44%,80% 35%,84% 15%,100% 67%,65% 89%,16% 43%,82% 68%,46% 99%,62% 26%,85% 54%,52% 43%,74% 7%,35% 40%,45% 56%,59% 83%,39% 94%,24% 9%,73% 34%,56% 26%,11% 77%,20% 74%,80% 1%,36% 99%,35% 77%,32% 2%)}27%{clip-path:polygon(16% 36%,39% 37%,22% 78%,25% 60%,12% 66%,31% 25%,54% 10%,81% 61%,86% 61%,1% 55%,65% 24%,72% 90%,56% 7%,48% 18%,4% 10%,41% 18%,21% 34%,38% 61%,85% 81%,48% 17%,70% 89%,24% 83%,72% 24%,63% 28%,51% 20%,65% 10%)}51%{clip-path:polygon(46% 77%,25% 90%,91% 49%,79% 37%,39% 43%,93% 56%,89% 19%,100% 97%,37% 17%,70% 64%,17% 14%,16% 83%,27% 70%,6% 70%,42% 67%,21% 1%,0 49%,85% 10%,90% 80%,83% 35%,32% 14%,2% 85%,41% 19%,86% 14%,71% 49%,73% 88%)}66%{clip-path:polygon(64% 90%,52% 83%,83% 93%,77% 81%,76% 67%,94% 40%,19% 17%,7% 82%,84% 64%,89% 63%,98% 98%,83% 24%,83% 57%,67% 4%,83% 77%,30% 97%,93% 4%,52% 86%,6% 67%,55% 0,65% 20%,38% 45%,1% 19%,93% 83%,59% 61%,37% 95%)}91%{clip-path:polygon(50% 11%,38% 2%,73% 84%,42% 52%,68% 25%,74% 5%,56% 9%,47% 50%,15% 47%,76% 35%,12% 21%,72% 11%,6% 5%,93% 48%,63% 27%,92% 67%,36% 12%,83% 6%,23% 37%,82% 21%,35% 33%,82% 35%,51% 96%,24% 36%,30% 1%,6% 77%)}1%,28%,5%,53%,67%,92%{clip-path:none}}@keyframes skew-glitch{0%,to{transform:skew(0deg)}10%,30%,50%,70%,90%{transform:skew(2deg,-2deg)}20%,40%,60%,80%{transform:skew(-2deg,2deg)}}@media (min-width:1921px){.home-content{max-width:80%}.first-name,.last-name{font-size:96px}.profile-photo{height:288px;max-height:none;max-width:none;width:288px}.vertical-line{left:5%}.horizontal-line{top:35%}}@media (max-width:1920px) and (min-width:1441px){.first-name,.last-name{font-size:4vw;font-size:var(--name-font-size-desktop)}.profile-photo{height:15vw;max-height:200px;max-width:200px;width:15vw}.vertical-line{left:7%}}@media (max-width:1440px) and (min-width:1025px){.first-name,.last-name{font-size:3.6vw;font-size:calc(var(--name-font-size-desktop)*.9)}.vertical-line{left:8%}.horizontal-line{top:34%}}@media (max-width:1024px){.first-name,.last-name{font-size:6vw;font-size:var(--name-font-size-tablet)}.profile-photo{height:20vw;width:20vw}.vertical-line{left:6%}.horizontal-line{top:36%}}@media (max-width:768px){.first-name{font-size:8vw;font-size:var(--name-font-size-mobile);left:5%;top:10%}.last-name{font-size:8vw;left:15%;top:20%}.photo-container{left:50%;top:35%;transform:translateX(-50%)}.profile-photo{height:30vw;max-height:150px;max-width:150px;width:30vw}.vertical-line{left:5%;width:1px}.horizontal-line{height:1px;top:45%}}@media (max-width:480px){.first-name,.last-name{font-size:10vw;font-size:calc(var(--name-font-size-mobile)*1.25);left:5%}.last-name{top:22%}.photo-container{top:40%}.profile-photo{height:40vw;width:40vw}.vertical-line{left:3%;width:1px}.horizontal-line{height:1px;top:50%}}svg{display:block;margin:0 auto;svg{g{&:nth-child(2){transform:translateY(99px) rotate(180deg);rect{stroke:#ff5;animation:dash-reverse 2s linear;animation-iteration-count:infinite}}rect{stroke:#fff;stroke-width:1;stroke-dasharray:25%,75%;stroke-linecap:square;x:5;y:5;animation:dash 2s linear;animation-iteration-count:infinite;height:25%;transform:rotate(45deg) skew(0,45deg);width:25%;&:first-child{x:15;y:-5}&:nth-child(2){x:25;y:-15}&:nth-child(3){x:35;y:-25}}}}}@keyframes dash{to{stroke-dashoffset:100}}@keyframes dash-reverse{to{stroke-dashoffset:-100}}.profile-section{background:#000;color:bla #f3f3f3;height:120vh;padding:8% 1%;position:relative}.profile-section h1{color:#f7f4f4;font-size:1.5vw;margin-bottom:10px;margin-top:0;text-shadow:5px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.profile-section h1,.profile-section p{font-family:var(--montserrat-alternates);text-align:center}.profile-section p{color:#f3f3f3;font-size:1.2em;line-height:1.6;margin:5px auto;max-width:700px}.timeline{background-color:#bebc21;color:#f3f3f3;display:flex;height:5px;justify-content:space-between;margin:0 auto;position:relative;top:80%;width:85%}.timeline:after,.timeline:before{border:10px solid #fafafa;border-radius:10px;content:"";display:block;height:0;position:absolute;top:-8px;width:0}.timeline:before{left:-20px}.timeline:after{border:10px solid #0000;border-left:20px solid #fffdfd;border-radius:30px;border-right:0;right:-10px}.timeline li{display:block;float:left;position:relative;top:-65px;transform:rotate(-45deg);width:120px}.timeline li:before{background:#f0f0f0;border:3px solid #fff;border-radius:15px;content:"";height:10px;left:-30px;position:absolute;top:3px;width:10px}.timeline li span{color:#f3f0f0;display:none;left:-100px;margin-top:1px;position:absolute;top:40px;width:150px}.timeline li:hover:before{border:4px solid #608015}.timeline li:hover span{display:block;transform:rotate(45deg)}.image-container{margin-top:20rem;text-align:center}.timeline-image{border-radius:10px;box-shadow:0 4px 8px #f8f8f833;height:auto;transition:opacity .3s ease-in-out;width:300px}.profile-info-rectangle{animation:fadeInUp 1s forwards,bounce 0s 0;animation-delay:2s;background-color:rgba(0,0,0,.205);border:2px solid #fff;border-radius:10px;box-shadow:0 0 20px #ceeb64b3;color:#fff;font-family:var(--montserrat-alternates);font-size:.8em;left:24%;max-width:200rem;padding:20px;position:absolute;text-align:center;top:20%;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;width:120vh}.profile-info-rectangle:hover{box-shadow:0 0 20px #e7e7e7b3;transform:scale(1.05)}.vertical-line-profile{animation:slideInRight 2s forwards;background-color:#fff;box-shadow:0 0 10px 5px #848b40cc;height:100%;left:7%;opacity:0;position:absolute;top:0;transform:translateX(-50%);width:1px}*{box-sizing:border-box;margin:0;padding:0}.projects-section{background:#000;color:#fff;min-height:100vh;padding:10% 1%;position:relative}.projects-section h2{color:red;text-align:center}.projects-section p{font-size:1.2em;line-height:1.6;margin:20px auto;max-width:800px}.profile-info-rectangle-projects{animation:fadeInUp 1s forwards,bounce 0s 0;animation-delay:2s;background-color:rgba(0,0,0,.205);border:2px solid #fff;border-radius:10px;box-shadow:0 0 15px #c4c0c080;color:#fff;font-family:var(--montserrat-alternates);font-size:.8em;left:21%;max-width:200rem;padding:20px;position:absolute;text-align:center;top:5%;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;width:130vh}.profile-info-rectangle-projects:hover{box-shadow:0 0 20px #ceeb64b3;transform:scale(1.05)}.projects-carousel-wrapper{align-items:center;display:flex;margin:150px auto;max-width:700px;overflow:hidden;position:relative}.projects-container{display:flex;transition:transform .5s ease;width:1320px}.project-item{cursor:pointer;margin:0 10px;min-width:200px;opacity:.7;overflow:hidden;position:relative;transition:transform .3s ease,opacity .3s ease}.project-item img{border-radius:15px;height:auto;transition:transform .3s ease;width:100%}.project-item img:hover{transform:scale(1.05)}.project-item.active{opacity:1;transform:scale(1.2);z-index:1}.project-item.left,.project-item.right{opacity:.5;transform:scale(.9);z-index:0}.project-info{background-color:#000000b3;bottom:10px;color:#fff;left:10px;opacity:0;padding:10px;position:absolute;right:10px;transition:opacity .3s ease}.project-item:hover .project-info{opacity:1}.carousel-button{background-color:#00000080;border:none;color:#fff;cursor:pointer;font-size:2rem;position:absolute;top:50%;transform:translateY(-50%);z-index:10}.carousel-button.left{left:-1px}.carousel-button.right{right:-1px}.carousel-button:hover{background-color:#000c}.technologies-section{background:#000;color:#fff;margin-top:-20rem;padding:5% 0;text-align:center}.company-slider{--duration:8;margin-bottom:4rem;margin-top:2rem;overflow:hidden}.company-logos-container{font-size:4rem;overflow:hidden;white-space:nowrap}.company-logos-container>div{cursor:default;display:inline-block;opacity:.25;outline:none;padding:0 2.2rem;transition:opacity .2s ease;vertical-align:middle}.company-logos-container>div:hover{opacity:.8}.slider-container,.slider-content-wrapper{overflow:hidden;white-space:nowrap}.slider-content-wrapper{animation:slide-right calc(var(--duration)*2s) 0ms linear infinite;display:inline-block}@keyframes slide-right{0%{transform:translate3d(-2%,0,0)}to{transform:translate3d(100%,0,0)}}.contact-section{background-color:rgba(0,0,0,.938);padding:50px 0;text-align:center}.social-icons{align-items:center;display:flex;gap:40px;justify-content:center;margin-top:20px}.icon{color:#fff;font-size:3rem;text-decoration:none;transition:transform .3s ease,color .3s ease}.icon:hover{color:#bbb;transform:scale(1.2)}
/*# sourceMappingURL=main.40cbc781.css.map*/