:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:light dark;color:#efefefec;background-color:#1e1e1e1e;font-size:16px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--circle-color: "ligthblue";scroll-behavior:smooth}a{font-weight:500;color:var(--circle-color);text-decoration:inherit;transition:.3s ease-in-out}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3rem;line-height:1.2;font-weight:700}h2{font-size:2rem;line-height:1.2;font-weight:500}h3{font-size:1.25rem;line-height:1.2;font-weight:200}p{font-size:1rem;line-height:1.6;font-weight:400}button{border-radius:8px;border:1spx solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;margin:.8rem}button:hover{border-color:var(--circle-color)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (max-width: 600px){h1{font-size:2rem}h2{font-size:1.5rem}}#root{width:100%;min-height:100vh;margin:0 auto;overflow:hidden}.landing-banner{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;position:relative}.banner-content{overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column}.banner-content-text{transform:translateY(-200px);transition:1.5s;transition-delay:.3s}.banner-content-text.animate{transform:translate(0)}.social-line{--length: 22rem;position:absolute;width:1.5px;height:var(--length);background-color:#fff;top:8vh;left:10vw;border-radius:5px}.social-icons{display:inline-block;margin:calc(var(--length) / 12) .75rem}@media (max-width: 979px){.social-line{width:50vw;height:1px;bottom:30%;top:unset;left:unset;gap:1rem;display:flex;justify-content:center}}.mainNavbar{overflow:hidden;padding:1rem;display:flex;justify-content:flex-end}.mainNavbar ul{list-style-type:none;margin:0;padding:0;display:flex;flex-direction:row;gap:1.5rem;border-bottom:1px solid white;padding-bottom:.5rem}.main-nav-button{color:#f2f2f2;text-decoration:none;font-size:22px;padding:.35rem;font-weight:350;transition:.5s ease-in-out;position:relative}.main-nav-button:after{width:0;height:100%;content:"";position:absolute;bottom:0;left:0;background-color:#f2f2f2;z-index:-1;transition:.5s ease-in-out}.main-nav-button:hover{color:#1a1a1a;background-color:transparent}.main-nav-button:hover:after{width:100%}.glitch{background-color:#bdbdbd;color:#000000b2;margin:.2rem;border-radius:5px;padding:.25rem;--noClip: none;--hiddenClip: polygon(0 0, 0% 0%, 0% 0%, 0 0%);--clip1: polygon(0 0, 100% 0, 100% 50%, 0 50%);--clip2: polygon(0 60%, 100% 60%, 100% 100%, 0 100%);--clip3: polygon(0 25%, 100% 25%, 100% 70%, 0 70%);--clip4: polygon(0 100%, 100% 100%, 100% 70%, 0 70%);--clip5: polygon(0 20%, 100% 20%, 100% 40%, 0 40%)}.glitch.triggered{animation:glitch .7s}@keyframes glitch{0%{clip-path:var(--noClip);transform:translate(0);opacity:1}9%{clip-path:var(--noClip);transform:translate(0);opacity:1}10%{clip-path:var(--clip1);transform:translate(1rem);opacity:1}19%{clip-path:var(--clip1);transform:translate(1rem);opacity:1}20%{clip-path:var(--clip2);transform:translate(-1rem);opacity:1}28%{clip-path:var(--clip2);transform:translate(-1rem);opacity:1}29%{clip-path:var(--clip2);transform:translate(-1rem);opacity:0}30%{clip-path:var(--clip3);transform:translate(.5rem);opacity:1}39%{clip-path:var(--clip3);transform:translate(.5rem);opacity:1}40%{clip-path:var(--clip4);transform:translate(-.5rem);opacity:1}49%{clip-path:var(--clip4);transform:translate(-.5rem);opacity:1}50%{clip-path:var(--clip5);transform:translate(1rem);opacity:0}59%{clip-path:var(--clip5);transform:translate(1rem);opacity:0}60%{clip-path:var(--clip1);transform:translate(-1rem);opacity:1}69%{clip-path:var(--clip1);transform:translate(-1rem);opacity:1}70%{clip-path:var(--clip3);transform:translate(.8rem);opacity:1}79%{clip-path:var(--clip3);transform:translate(.8rem);opacity:1}80%{clip-path:var(--clip4);transform:translate(-.8rem);opacity:0}89%{clip-path:var(--clip4);transform:translate(-.8rem);opacity:0}90%{clip-path:var(--clip5);transform:translate(.3rem);opacity:1}99%{clip-path:var(--clip5);transform:translate(.3rem);opacity:1}to{clip-path:var(--noClip);transform:translate(0);opacity:1}}.circle-container{position:absolute;--circleSize: clamp(6.5rem, 12vw, 8rem);width:var(--circleSize);height:var(--circleSize);border-radius:50%;top:12vh;right:15vw;transition:.3s ease-in-out}.circle-container:hover{transform:scale(1.1);cursor:pointer}.round-text{position:relative;width:100%;height:100%;animation:rotate 30s linear infinite}.round-text span{position:absolute;transform-origin:0 calc(var(--circleSize) / 2);left:50%;color:#fff;font-size:clamp(14px,2vw,1.2rem)}.circle{--distance: calc(var(--circleSize) / 1.55);width:var(--distance);height:var(--distance);border-radius:50%;background-color:#ffffffb2;top:calc(50% - var(--distance) / 2);left:calc(50% - var(--distance) / 2);position:absolute}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.project-section{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;position:relative}.featured-container{width:100%;height:100%;text-align:center;position:inherit;z-index:3}.featured-projects{display:flex;width:100%;height:100%;justify-content:center;align-items:center;gap:5rem;margin:8rem 0}.featured-card{width:25rem;height:30rem;padding:1.2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:10px;box-shadow:0 0 10px #efefef42;transition:.3s ease}.project-links{display:flex;gap:1rem}.project-btn{background-color:#000;padding:.75rem;border-radius:10px;transition:.3s ease;border:1px solid transparent}.project-btn:hover{border:1px solid var(--circle-color)}.cover-img{width:100%;height:100%;position:absolute;border-radius:5px;opacity:.8;transition:.3s ease}.cover-img>img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:5px}.featured-card:hover .cover-img{opacity:.2}.featured-content{opacity:0;transition:.3s ease;padding:1.2rem;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.featured-card:hover .featured-content{opacity:1;transition:.3 ease}.lower-card{position:relative;display:flex;justify-content:center;align-items:center;min-height:300px}.project-tech-logo{object-fit:cover;height:50%;position:absolute;transition:.3s ease;--fa-animation-duration: 17s}.featured-card:hover .project-tech-logo{opacity:0}.project-name{border-bottom:1px solid white}.other-container{width:100%;display:flex;flex-direction:column;margin:5rem 0;position:inherit;z-index:3}.other-container>a{color:unset}.other-card:first-child{border-top:1px solid white}.other-card{border-bottom:1px solid white;position:relative;display:flex}.other-card:before{content:"";position:absolute;bottom:0;right:0;width:0;transition:.5s ease}.other-card:hover:before{background-color:#ffffff34;width:88%;height:70%;border-top-left-radius:5px}.other-name{padding:0 1rem}.other-card>p{margin:auto 0 5px;transition:.3s ease;opacity:0}.other-card:hover>p{opacity:1}.other-card:hover{cursor:pointer}.other-heading{display:flex;justify-content:center;flex-direction:column}.other-heading>h2{margin-bottom:0}.other-heading>h3{margin:0 1rem}.project-light{position:absolute;width:500px;height:500px;border-radius:50%;background-color:var(--circle-color);opacity:.2;top:25%;display:flex;justify-content:center;align-items:center}.project-blur{width:100%;height:100%;position:absolute;z-index:2;-webkit-backdrop-filter:blur(200px);backdrop-filter:blur(200px)}@media (max-width: 1000px){.featured-projects{flex-direction:column}.featured-card{width:75vw;height:auto}}#skills{height:100%}.section{min-height:100vh;margin:10rem 0}.section-heading{text-align:center;position:relative}.section-heading:before,.section-heading:after{content:"";width:15%;height:1px;background-color:#fff;position:absolute;bottom:50%}.section-heading:before{left:1vw}.section-heading:after{right:1vw}.skill-cards-container{display:flex;justify-content:center;align-items:center;gap:10px;padding:.5rem;margin:5rem}.skill-card{width:50px;position:relative;height:100%;min-height:525px;border:1px solid white;transition:.5s ease;background-color:#242424;padding:1.25rem;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center}.cover-text{transform:rotate(-90deg);line-height:0;font-size:2.5rem}.skill-card.active{flex-grow:1;display:flex;justify-content:flex-end;background-color:#121212}.cover{position:absolute;height:100%;display:flex;justify-content:center;align-items:center;transition:.3s ease;left:0;width:70px}.skill-card .skill-container{opacity:0;transition:.3s ease;pointer-events:none;animation:fadeOut 0s forwards}.skill-card.active .skill-container{opacity:1;pointer-events:auto;animation:fadeIn .5s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.skill-container{display:grid;height:100%;width:100%;grid-template-columns:1fr 2fr;align-items:center}.skill-name{display:flex;align-items:center;flex-direction:column;margin:.25rem}.skill-name>p{line-height:0;font-size:clamp(14px,2vw,1rem)}.level{width:100%;height:4px;border:1px solid white;border-radius:5rem;position:relative}.skill-card.active .level:before{content:"";position:absolute;background-color:var(--circle-color);height:100%;animation:loadSkill 1.5s cubic-bezier(.71,.05,.08,1.01) forwards;animation-delay:.2s}@keyframes loadSkill{0%{width:0}to{width:var(--level-width, 0%)}}@media (max-width: 1070px){.skill-cards-container{flex-direction:column}.skill-card{width:80vw;height:60px;min-height:unset;transition:all .3s ease}.skill-card.active{flex-grow:1;height:100%}.cover{width:auto;height:auto;top:0;text-align:center;width:100%}.cover-text{transform:rotate(0);font-size:clamp(18px,20vw,1.5rem)}}#about{margin-top:8rem;position:relative}.heading{text-align:center}.core-values-container{display:flex;flex-direction:column}.value-container{width:100%;height:100%;flex:1;-webkit-user-select:none;user-select:none;transition:.3s ease;padding:.5rem}.value-container>h1{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:clamp(1.5rem,17vw,12rem);margin:0;color:var(--circle-color);opacity:.9}.value-container:hover{background-color:#1e1e1e}.experience-container{display:flex;width:100%;height:100%;justify-content:center;gap:5rem;align-items:center;min-height:600px}.separation{width:2px;height:200px;background-color:#fff}.timeline{display:flex;justify-content:center;align-items:center;text-align:center}.job>ul>li{list-style-type:none;line-height:2rem;font-size:clamp(14px,1rem,1rem)}.job>ul>li>span{font-weight:700}#logo{color:var(--circle-color);margin:.25rem}.values{margin:8rem 0}@media (max-width: 896px){.experience-container{flex-direction:column;gap:unset;margin:2rem;min-height:unset;width:auto;height:auto}.separation{display:none}.timeline{width:100%;justify-content:flex-start;text-align:start}.job{width:100%}.job>ul{padding:0 .25rem}.timeline>div>p,.timeline>div>h3{margin:0}}#contact{margin-bottom:0;align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.contact-heading-container{overflow:hidden}.contact-heading{text-align:center;width:100%;height:100%}.contact-links{padding:2rem;display:flex;justify-content:center;gap:2rem}.contact-icon{padding:.5rem;transition:.3s ease}.contact-icon:hover{cursor:pointer;background-color:#383838}.slide-down{text-align:center;transform:translateY(-50px);opacity:0;transition:transform .6s ease-out,opacity 1s ease-out}.slide-down.active{transform:translateY(0);opacity:1}.footer{position:absolute;bottom:0;width:90%;padding:.55rem 1rem}.upper-footer{text-align:center}.lower-footer{display:flex;justify-content:space-between}.lower-footer>div{display:flex;align-items:center;gap:.25rem}#pictures{width:100%;height:100vh;margin-top:25rem}.tilted{width:auto;height:35rem;display:flex;flex-direction:column;gap:5px;transform:rotate(20deg);justify-content:center}.upper-slide,.lower-slide{display:flex;height:100%}.row{width:100%;height:100%;display:flex;gap:5px;flex-wrap:nowrap}.img{flex:1 0 auto;background-size:cover;background-position:center;aspect-ratio:16/9;filter:brightness(.8)}.bottom-text{margin-left:5vw;padding:1.25rem}.bottom-text>div{border:1.5px dotted white;width:fit-content;padding:.5rem;display:flex}.pic-header{width:100%;display:flex;justify-content:flex-end}.pic-header>div{margin-right:5vw}