.social-links-container button:hover .tooltip-text{visibility:visible;width:140px;margin-left:-300%;bottom:-130%;opacity:1}@media (max-width: 555px){.social-links-container button:hover .tooltip-text{margin-left:-220%}}@media (max-width: 490px){.social-links-container button:hover .tooltip-text{visibility:hidden}}#main-header{position:sticky;top:0;left:0;z-index:5;display:flex;justify-content:flex-start;align-items:center;gap:50px;padding:0 30px;height:90px;background-color:#1f1f1f;border-bottom:1px solid #962fb6}#main-header{position:fixed;top:0;width:100%;background-color:#1f1f1f;transition:top .3s ease-in-out;z-index:100}#main-header.hidden{top:-100px}#main-header.visible{top:0}@media (max-width: 1114px){#main-header{height:75px}}@media (max-width: 794px){#main-header{font-size:12px;justify-content:space-between}}@media (max-width: 727px){#main-header{gap:20px}#main-header button{padding:10px 12px}}.typeWriter{font-size:45px;min-height:55px;overflow:hidden;border-right:.15em solid #962fb6;white-space:nowrap;margin:0 auto;letter-spacing:.15em;animation:typing 2s steps(17,end),blink-caret .75s step-end infinite}@keyframes typing{0%{width:0}to{width:105%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#962fb6}}.SectionTitle{width:87.3%;text-align:left;text-transform:lowercase;display:flex;gap:10px;align-items:center;padding:70px 0;letter-spacing:1.5px;opacity:.5;margin:0 auto}.SectionTitle .title-decoration-span{flex:1;border-top:1px solid #b237d8}.SkillsCardTitle{font-size:17px;margin:-10px 0 22px;text-transform:lowercase}.SecondaryTitle{font-size:30px;width:100%;padding:10px 20px;font-weight:900;display:flex;justify-content:center;align-items:center;gap:15px}.highlited{font-size:20px;padding:8px 20px;background-color:#00000060}@media (max-width: 800px){.SectionTitle{padding:60px 0}}@media (max-width: 520px){.typeWriter{font-size:39px}.highlited{font-size:17.85px}}@media (max-width: 440px){.SectionTitle{padding:50px 0}}.Span{color:#b237d8;font-weight:900;text-transform:uppercase;margin:0 3px;fill:#962fb6}#mobile-header-nav{display:none}@media (max-width: 673px){#header-nav{display:none}#mobile-header-nav .hide{opacity:0;pointer-events:none}#mobile-header-nav .show{opacity:1;pointer-events:auto}#mobile-header-nav{display:inline-flex;flex-direction:column;position:relative;top:115px}#mobile-header-nav ul{gap:0;flex-direction:column}#mobile-header-nav button{opacity:1;border-radius:0;padding:20px 15px;width:100%;background-color:#5a2585}#mobile-header-nav button:not(:last-child){border-bottom:1px solid #e100ff}#hamburguer-button{display:flex;justify-content:flex-end;align-items:center;padding:7px 10px 7px 30px;font-size:18px;cursor:pointer}#hamburguer-button svg path{fill:#db66ff}#mobile-nav-menu{margin-top:5px;position:relative;right:-29%;border:2px solid #962fb6;border-radius:5px}}@media (max-width: 340px){#hamburguer-button{max-width:80px;align-self:flex-end}}.vertical{flex-direction:column;list-style:none!important}.horizontal{flex-direction:row}.primary{background-color:#962fb6}.secondary{background-color:#861ecc88}.iconPrimary{background-color:#962fb6;font-size:20px}.iconSecondary{font-size:20px;background-color:#861ecc88}.iconPrimary:hover,.iconSecondary:hover{margin-top:-7px}.projectCardUsedLanguage{padding:10px 22.5px;font-size:22px;border-radius:0}.contactButton{font-size:25px;background-color:#551e7b;border-radius:0;padding:12px 40px}.contactButton:hover{padding:10px 40px;border:2px solid #212223}#top-secret{display:none}section{display:flex;justify-content:center;align-items:center;padding:32vh 0 18vh}.container{display:flex;justify-content:center;gap:80px;max-width:55vw}aside{display:flex;justify-content:center}aside img{max-width:300px}article{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.imageFirst aside{order:1}.imageFirst article{order:2}.imageAfter aside{order:2}.imageAfter article{order:1}img.outlined{outline:1px solid #000;outline-offset:25px}img.lowOpacity{opacity:.8}@media (max-width: 950px){section .container{gap:40px}}@media (max-width: 910px){section .container{gap:20px}aside img{max-width:250px}}@media (max-width: 794px){section .container{height:27vh}aside img{display:none}}@media (max-width: 555px){section .container *{transform:scale(.95)}section .container button{padding:10px 25px;font-size:25px}section article{gap:7px}}@media (max-width: 520px){section article{gap:0}section article p{margin-bottom:5px}}@media (max-width: 490px){section .container *{transform:scale(.9)}section .container button{padding:10px 30px;font-size:35px}section article{gap:0}section article p{margin-bottom:5px}}@media (max-width: 410px){section .container *{transform:scale(.85)}section article{gap:0}section article p{margin-bottom:0}}@media (max-width: 320px){section article{padding:0}}@media (max-width: 362px){section .container *{transform:scale(.8)}section .container button{padding:10px 20px 0 30px;font-size:55px}}@media (max-width: 330px){section .container *{transform:scale(.75)}section .container button{padding:10px 20px 0 30px;font-size:65px}}@media (max-width: 200px){html{overflow-x:hidden;overflow-y:hidden}#top-secret{position:absolute;z-index:300;top:0;left:0;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff}#top-secret *{display:flex;color:#9d00ff;fill:#4b007a;font-weight:700}#top-secret .first{gap:3px;margin-top:-35px;margin-bottom:3px}#top-secret .second *{color:#000;text-transform:uppercase}@keyframes opacity{0%{opacity:0}to{opacity:1}}}.lowOpacity{opacity:.8}.forMobileSpan{display:none}.skills-card{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:25px 0;font-size:25px;background-color:#1f1f1f}.skills-card h3{opacity:.5}.skills-card ul,.skills-card li{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:35px}.skills-card *{opacity:.9}.skills-card svg:hover{transform:scale(1.5);opacity:1;fill:#962fb6}.skills-card ul{padding:0 55px}.tooltip{position:relative;display:inline-block}.tooltip-text{visibility:hidden;background-color:#000;color:#fff;text-align:center;border-radius:5px;padding:5px;position:absolute;z-index:1;bottom:125%;left:5%;margin-left:-45px;opacity:0;transition:opacity .2s;font-size:14px}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}@media (max-width: 800px){.skills-card *{font-size:18px}.forDesktopSpan{display:none}.forMobileSpan{display:inline-block}}@media (max-width: 710px){.skills-card{padding:20px 0}.skills-card svg{margin:0 19px}}@media (max-width: 666px){.skills-card h3{margin-bottom:25px}.skills-card svg{margin:0 18px}}@media (max-width: 620px){.skills-card *{margin:0 5px}}@media (max-width: 575px){.skills-card *{margin:0 4px}}@media (max-width: 528px){.skills-card *{margin:0 3px}}@media (max-width: 482px){.skills-card *{margin:0 2px}}@media (max-width: 466px){.skills-card svg{margin:0 15px}}@media (max-width: 442px){.skills-card svg{margin:0 14px}}@media (max-width: 434px){.skills-card svg{margin:0 8px}.skills-card ul{padding:0 55px}}@media (max-width: 386px){.skills-card svg{margin:0 4px}.skills-card ul{padding:0 40px}}@media (max-width: 324px){.skills-card svg{margin:0 3px}.skills-card ul{padding:0 20px}}.AboutSection{padding:0;gap:0 2vw;padding-right:.5vw;padding-left:.5vw}@media (max-width: 1280px){.AboutSection{margin-top:0;flex-wrap:wrap;gap:2.5vw}}@media (max-width: 768px){.AboutSection{gap:50px}}.aboutCard-traffic-light{display:flex;justify-content:center;align-items:center;gap:.8vw;width:7vw;height:4vh;padding:.5vw;position:absolute;margin:-15px 0 0 -10px;background-color:#272727;border:1px solid #972fb6af}.aboutCard-traffic-light-circle{width:1vw;height:1vw;border-radius:100%}.aboutCard-traffic-light-circle.one{background-color:#620b8d}.aboutCard-traffic-light-circle.two{background-color:#7851a9}.aboutCard-traffic-light-circle.three{background-color:#69359c}.aboutCard{width:20vw;min-height:27vw;max-height:27vw;font-size:1.2vw;text-align:center;border:1px solid;background-color:#1f1f1f}.aboutCard ul{min-height:27vw;max-height:27vw;display:flex;justify-content:center;align-items:center;gap:0 2vw}.aboutCard li{opacity:.77;width:100%;border:1px solid #620b8d9c;padding:1vw}.aboutCard li:first-child{margin-top:2vw}.aboutCard li:last-child{margin-bottom:2vw}.primaryCard{border-color:#972fb6e3}.secondaryCard{border-color:#643b81}@media (max-width: 1280px){.aboutCard br{display:none}.aboutCard,.aboutCard ul{font-size:22px;width:42vw;min-height:37vw;max-height:37vw}.aboutCard li{padding:1vw 9vw;margin:20px 0}}@media (max-width: 1150px){.aboutCard-traffic-light{width:80px;height:30px;gap:10px}.aboutCard-traffic-light-circle{width:10px;height:10px}.aboutCard ul{font-size:19px;padding:3vw 0}.aboutCard li{padding:2.5vh 4vw;margin:1.4vw 0}.aboutCard .secondaryCard{display:none}}@media (max-width: 915px){.aboutCard br{display:inline-block}.aboutCard li:first-child{border-top:none}.aboutCard li:last-child{border-bottom:none}}@media (max-width: 890px){.aboutCard,.aboutCard ul{min-height:47vw;max-height:47vw}.aboutCard ul{font-size:17px}}@media (max-width: 800px){.aboutCard,.aboutCard ul{min-height:50vw;max-height:50vw}}@media (max-width: 768px){.aboutCard br{display:none}.aboutCard,.aboutCard ul{font-size:22px;width:80vw;min-height:52vw;max-height:52vw}.aboutCard li{opacity:.65;padding:5vw;border:1px solid #620b8d9c;margin:0}.aboutCard li:first-child{border-top:1px solid #620b8d9c}.aboutCard li:last-child{padding-bottom:5vw;border:1px solid #620b8d9c}}@media (max-width: 750px){.aboutCard ul{font-size:18px}}@media (max-width: 579px){.aboutCard,.aboutCard ul{min-height:62vw;max-height:62vw;font-size:17px}}@media (max-width: 470px){.aboutCard br{display:inline-block}.aboutCard,.aboutCard ul{min-height:75vw;max-height:75vw}}@media (max-width: 428px){.aboutCard li{padding:5vw 7vw}}@media (max-width: 400px){.aboutCard,.aboutCard ul{font-size:18px;min-height:80vw;max-height:80vw}}@media (max-width: 370px){.aboutCard,.aboutCard ul{font-size:16px}}@media (max-width: 344px){.aboutCard,.aboutCard ul{font-size:14px}}.projects{margin:0;padding:0;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.projects .projects-container{display:grid;grid-template-columns:repeat(3,1fr);gap:2vw}@media (max-width: 1280px){.projects .projects-container{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);gap:4vw}}@media (max-width: 768px){.projects .projects-container{grid-template-rows:repeat(1,1fr);grid-template-columns:repeat(1,1fr);gap:5vh}}button.nodeploy{display:none}.projectCard{min-width:27.5vw;max-width:27.5vw}.projectCard ul{justify-content:center;background-color:#701ea6b4}.projectCard .forMobileSpan{opacity:.5;display:none}.projectCard .forDesktopSpan{opacity:.5;display:inline-block}.projectHeader{padding:25px 35px 15px;background-color:#1f1f1f;border-bottom:none}.projectTitleContainer{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.projectHeader svg path{fill:#962fb6}.projectHeader svg{font-size:22px}.projectHeader .projectDescription{font-size:17px;opacity:.8}.projectUsedLanguagesContainer{display:none;position:relative;z-index:1;margin-top:-1px}.projectUsedLanguagesContainer ul{gap:0}.projectUsedLanguagesContainer button{cursor:default}.desktopProjectImage{border-top:none}.desktopProjectImage img{min-width:27.5vw;width:100%;position:relative;z-index:0;border-top:none;border-bottom:none}.projectLinksContainer{display:none;position:relative;z-index:1;margin-top:-64px}.projectLinksContainer ul{gap:18px;padding:10px 0;background-color:#1f1f1f;border-top:none}.projectLinksContainer button{border-radius:4px;font-size:16px;opacity:1;padding:10px 25px}.projectLinksContainer button:hover{margin-top:-2px;opacity:1}.projectCard:hover .projectHeader svg{transition:transform .3s ease-in-out;transform:rotate(-50deg)}.projectCard:hover .projectLinksContainer,.projectCard:hover .projectUsedLanguagesContainer{display:block;animation:transitionOpacity 1.5s forwards;transition:all .3s ease-in-out}.projectCard:hover{max-height:none}.projectCard:hover .desktopProjectImage img{margin-top:-47px}@keyframes transitionOpacity{0%{opacity:0}to{opacity:1}}.projectType{display:inline-flex;justify-content:space-between;align-items:center;opacity:.55;padding:2px 12px;color:#fff;font-weight:600;text-transform:lowercase}.freelance img{border-bottom:5px solid #ff00aa}.freelance .projectType{background-color:#f0a}.freelance .projectHeader svg path{fill:#f0a}.freelance .projectUsedLanguagesContainer ul,.freelance .projectLinksContainer button{background-color:#ff00aaad}.open-source img{border-bottom:5px solid #5eff00d0}.open-source .projectType{background-color:#5eff00d0}.open-source .projectHeader svg path{fill:#5eff00d0}.open-source .projectUsedLanguagesContainer ul,.open-source .projectLinksContainer button{background-color:#3b8311}.personal-project img{border-bottom:5px solid #04a7a7}.personal-project .projectType,.personal-project,.personal-project .projectUsedLanguagesContainer ul,.personal-project .projectLinksContainer button{background-color:#04a7a7}.personal-project .projectHeader svg path{fill:#04a7a7}.pratice img{border-bottom:5px solid #962fb6}.pratice .projectType,.pratice .projectUsedLanguagesContainer ul,.pratice .projectLinksContainer button{background-color:#962fb6}.pratice .projectHeader svg path{fill:#962fb6}.building{opacity:.6}.building img{border-bottom:5px solid #ff8800d3}.building .projectType{background-color:#ff8800d3}.building button,.building .projectUsedLanguagesContainer ul{opacity:.6;background-color:#ff8800d3}.building .projectHeader svg path{fill:#ff8800d3}.building:hover .projectTitleContainer{margin-bottom:10px}@media (max-width: 1630px){.projectCard h3,.projectCard p{font-size:1.4vw}}@media (max-width: 1390px){.projectCard h3,.projectCard p{font-size:1.2vw}}@media (max-width: 1280px){.projectCard{min-width:43vw;max-width:43vw}.projectCard h3,.projectCard p{font-size:1.8vw}}@media (max-width: 840px){.projectCard .forMobileSpan{display:inline-block}.projectCard .forMobileSpan svg{transform:rotate(31deg)}.projectCard:hover .projectHeader svg{transform:rotate(-2deg)}.projectCard .forDesktopSpan{display:none}}@media (max-width: 768px){.projectCard{min-width:80vw;max-width:80vw}.projectCard h3{font-size:3vw}.projectTitleContainer{margin-bottom:5px}.projectCard p{font-size:2.3vw}.projectCard:hover{max-height:none}}@media (max-width: 530px){.projectCard h3{font-size:3.5vw}.projectCard p{font-size:3vw}}@media (max-width: 440px){.projectCard h3{font-size:3.5vw}.projectCard p{font-size:15px}}@media (max-width: 400px){.projectCard:hover .desktopProjectImage img{margin-top:-30px}.projectUsedLanguagesContainer button{display:flex;justify-content:center;align-items:center;padding:8px 20px 7px;font-size:17px}.projectLinksContainer{margin-top:-40px}.projectLinksContainer ul{padding:5px 0 3px}.projectLinksContainer button{font-size:16px;padding:7px 25px}}@media (max-width: 390px){.projectTitleContainer,.building:hover .projectTitleContainer{margin-bottom:5px}.projectCard .projectUsedLanguagesContainer{margin-top:-5px}.projectCard p{font-size:14px}.projectHeader svg{width:17px}}@media (max-width: 320px){.projectCard p{font-size:12px}}#hire-me{font-size:18.72px}.Footer section{min-height:180px;padding:20px 0 0;display:flex;justify-content:center;flex-direction:column;background-color:#1f1f1f;opacity:.8}.Footer section p{margin-bottom:15px}.Footer section .contact-buttons-container{display:flex;justify-content:center;align-items:center;justify-self:flex-end;width:100%;background-color:#551e7b}#downloadResume{font-size:18px;display:flex;align-items:center;justify-content:center;gap:7px;text-transform:lowercase;letter-spacing:2px;margin-top:15px}#downloadResume a{color:#f0a;margin-top:-2px}#downloadResume a:hover,#downloadResume a:hover svg{color:#9000ff;fill:#9000ff}#downloadResume svg{position:relative;fill:#f0a;left:-5px;top:3px}#ContactClickedButtonInfo{align-items:center;justify-content:center;margin-top:15px;height:25px;font-size:16px;color:#54d809;font-weight:900;opacity:.7;display:flex;align-self:flex-end}#ContactClickedButtonInfo svg{margin-right:8px;fill:#54d809}.Footer .copyright{border-top:2px solid #282c33;background-color:#212223}.Footer .copyright h3{height:70px;display:flex;justify-content:center;align-items:center;text-transform:uppercase;gap:4px}.Footer .copyright span{font-size:22px}@media (max-width: 540px){.Footer h3{font-size:20px}.Footer p{text-align:center;font-size:16px}.Footer button{font-size:20px}.Footer h3{opacity:.7;font-size:14px}.Footer .copyright h3{font-size:18px}}@media (max-width: 540px){.Footer h3{font-size:23px}.Footer p{font-size:13px}.Footer button{padding:10px 32px;font-size:16px}}@media (max-width: 530px){.Footer h3{font-size:20px}}@media (max-width: 470px){.Footer button{padding:10px 22px;font-size:16px}.Footer button,.Footer button:hover{padding:10px 20px;font-size:16px}}@media (max-width: 450px){.Footer .copyright h3{font-size:12px}}@media (max-width: 335px){.Footer .SecondaryTitle{font-size:18px}.Footer p{font-size:12px}.Footer h3{opacity:.7;font-size:12px}.Footer .copyright h3{font-size:10px}}@media (max-width: 320px){.Footer p{font-size:11px}}*{margin:0;padding:0;box-sizing:border-box;color:#fff}html{overflow-x:hidden}body{font-family:Helvetica,sans-serif;background-color:#282c33}a{text-decoration:none}button{border:none;outline:none;background-color:transparent;font-size:13.5px;font-weight:900;text-transform:lowercase;letter-spacing:.45px;padding:8px 15px;border-radius:20px;cursor:pointer}ul,ol{list-style:none;display:flex;gap:15px}p{font-size:20px}