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}@font-face{font-display:block;font-family:Montserrat;font-style:normal;font-weight:400;src:url(/static/media/Montserrat-Regular.24785cc015b27a3e964b.ttf) format("truetype")}@font-face{font-display:block;font-family:Montserrat;font-style:normal;font-weight:600;src:url(/static/media/Montserrat-SemiBold.93b37a465fc4ec0d0415.ttf) format("truetype")}@font-face{font-display:block;font-family:Montserrat;font-style:normal;font-weight:700;src:url(/static/media/Montserrat-Bold.50f0257aa1e905f4bfaf.ttf) format("truetype")}@font-face{font-display:block;font-family:Impact;font-style:normal;font-weight:400;src:url(/static/media/impact.0294f8285a2493417c09.ttf) format("truetype")}html::-webkit-scrollbar{display:none}html{-ms-overflow-style:none;scroll-behavior:smooth;scrollbar-width:none}.App{background-color:#fffa00;text-align:center}.App-header{align-items:center;background-color:#ff0;border-bottom:3px solid #000;color:#000;font-family:Montserrat;font-size:25px;font-weight:700;justify-content:space-evenly;overflow:hidden;position:sticky;top:0;z-index:10}.App-header,.App-header .ButtonsContainer{display:flex;flex-direction:row;gap:20px}.App-header a{align-items:center;color:#000;display:flex;height:50px;padding:10px;text-decoration:none}.App-header a.active{background-color:#000;color:#ff0}.Footer a{color:#ff0;padding:10px}.ButtonsFooter{align-items:center;display:flex;flex-direction:row;justify-content:center}.App-link{color:#61dafb}.Hero a{align-items:flex-start;display:flex;font-size:min(1.5vw,25px);padding:0;text-decoration:none;text-decoration:underline}.Footer a,.Hero a{color:inherit;font-family:Montserrat;font-weight:700}.Footer a{font-size:25px;padding:20px;text-decoration:none}.CaraTeriLink a{color:inherit;display:flex;flex-direction:row;font-family:Montserrat;text-decoration:underline}.CaraTeriLink a:hover{transform:scale(1.1)}a:hover{transform:scale(1.2)}.Hero{align-items:center;display:flex;flex-direction:row;gap:min(3vw,100px);justify-content:center;margin:1% 0 0;z-index:5}.Hero,.HeroImageContainer{overflow:hidden;position:relative}.HeroImageContainer.animate{animation:fadeInUp 1.2s ease-out forwards;animation-delay:.4s}.Hero .HeroImageContainer img{display:block;padding-top:50px;width:min(1000px,53vw)}.Hero h2{font-family:Impact;font-size:min(170px,8vw);font-weight:400;line-height:min(7.5vw,1em);margin:0;text-align:left}.Hero a:hover{transform:scale(1)}#SeeMore{padding:1vw}.Hero button{padding:0;position:absolute}.Hero button:hover{background:none}.Hero button:hover .icon-path{fill:#61dafb;background:none}.Hero button:hover .icon-circle{fill:#000}h2{font-family:Impact;font-size:60px;font-weight:400}h2,h3{margin:0;text-align:left}h3{font-size:min(3vw,40px)}.HeroTitle{justify-content:flex-start;margin:0;padding:0}.HeroTitle.animate{animation:fadeInRight 1s ease-out forwards;animation-delay:.5s}.FeaturedSkills{padding:min(.5vw,20px);text-align:center}.FeaturedSkillCards{grid-gap:min(50px,4vw);display:grid;gap:min(50px,4vw);grid-template-columns:repeat(3,auto);justify-items:center;margin:min(1vw,20px) 0}.Hero .FeaturedSkillCards .card{width:min(150px,10vw)}.Hero .FeaturedSkillCards .card img{height:min(5vw,100px)}.Hero .FeaturedSkillCards .card h4{font-size:min(1.4vw,20px);font-weight:600;margin:0}.Hero .HeroContainer .HeroImageContainer button a{padding:0}.Hero .HeroImageContainer div button.animate{animation:fadeIn 1s ease-out forwards;animation-delay:2s}.HeroContainer.animate{animation:fadeInRight 1s ease-out forwards;animation-delay:.3s}.separator{background:#000;height:3px;margin:1rem 0;overflow:visible;position:relative;width:100%}.Hero .separator:before{animation:glow 2s linear infinite;background:linear-gradient(90deg,#0000,#61dafb,#0000);background-size:200% 50%;content:"";height:250%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:-1}.VerticalSeparator{border-left:3px solid #000;height:600px;margin:0 0 0 20px}#aka{animation:fadeInRight 1s ease-out forwards;animation-delay:.7s;font-size:min(1.5vw,30px);margin:0;text-align:right}.About{display:flex;flex-direction:column;justify-content:center;overflow:hidden}.About p{font-size:min(3vw,22px)}.AboutTitle{align-items:center;display:flex;flex-direction:column;justify-content:center}.EyeTrackingImage{height:auto;width:min(45vw,750px)}#Who1{font-size:min(80px,8vw);text-align:center}#Who{font-size:25px}#Who2{font-size:min(4vw,40px);text-align:center}#RotatingTitle{font-size:60px;padding-bottom:40px;padding-top:80px}.AboutFirst{display:flex;flex-direction:column;gap:50px;justify-content:center;padding:5%}.AboutText{padding-bottom:80px;width:min(60vw,750px)}.AboutText h3{overflow:hidden}.AboutPicText{align-items:center;flex-direction:row;gap:20px;justify-content:center;margin:50px 0}.AboutPicText,.Best{display:flex;text-align:left}.Best{align-self:center;flex-direction:column;justify-content:flex-start;width:min(1500px,80vw)}.SkillCards{grid-gap:50px;display:grid;gap:50px;grid-template-columns:repeat(6,auto);justify-items:center;margin:20px 0}.Projects{flex-direction:column;padding:100px 0 50px}.Projects,.ProjectsTextCard{display:flex;justify-content:center}.ProjectsTextCard{background-image:url(/static/media/Rectangle%207.0ee73ba3ba2abadbea74.svg);background-position:50%;background-repeat:repeat-x;background-size:auto min(45%,20vw);flex-direction:row;gap:0;padding:0}.ProjectsFirst{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-around}.Projects .ProjectsFirst h2{font-size:min(4vw,60px)}.Projects .ProjectsFirst a svg{height:auto;width:min(75px,4vw)}.Projects .BusinessCard{width:min(750px,40vw)}.Projects .PostersAnim{align-self:center;width:min(600px,30vw)}.YellowText{color:#ff0}.spacer{height:min(150px,8vw)}.Posters{grid-column-gap:min(2vw,40px);align-self:center;column-gap:min(2vw,40px);display:grid;grid-template-columns:repeat(5,auto);justify-items:center;margin:0 5vw 5vw}.Projects .Posters img{width:min(300px,15vw)}.separation h2{margin:20px 100px 20px 0;text-align:right}#ProjectsSep h2,.separation h2{font-family:Impact;font-size:100px;font-weight:400}#ProjectsSep h2{margin:20px 0 20px 100px;text-align:left}.separation .separator{border-top:5px solid #000;margin:0}.CaraTeriLink{display:flex;flex-direction:row}.HeroTitle h2{display:flex;flex-wrap:wrap}.title-letter{color:#000;display:inline-block;transition:color 1s ease}.title-letter:hover{color:#0bb1f9;transition:color .15s ease}.Contact h3{font-size:min(2vw,40px);margin:0;text-align:left}Footer{background-color:#000;color:#ff0;padding:20px 0 10px}Footer h3{text-align:center}Footer button{background:none;padding:0;width:75px}#YellowSeparator{border-top:3px solid #ff0;margin:20px 0 10px}.FooterEndText{margin:0;padding:0}.Socials{align-items:center;background:none;display:flex;gap:20px;justify-content:center;margin:20px}.SvgSocials button{padding:0;width:75px}.Socials button:hover{background:none;transform:scale(1.1)}.Socials button:hover .icon-path{fill:#61dafb;background:none}form button{width:100%}button{background:none;width:10%}.CanvasButtons button,button{border:none;border-radius:8px;color:#000;cursor:pointer;font-size:25px;padding:10px 15px;transition:background-color .3s}.CanvasButtons button{background:#fc0}.CanvasButtons button:hover{background-color:#e6b800}.Contact{background:none;gap:min(80px,2vw);padding:min(5vw,80px)}.Contact,.ContactTitle{align-items:center;display:flex;flex-direction:column;justify-content:center}.Contact h2{font-size:min(3.5vw,60px)}.ContactContainer{align-items:center;flex-direction:row;gap:min(4vw,100px)}.ContactContainer,.FirstContact{background:none;display:flex;justify-content:center}.FirstContact{align-items:flex-start;flex-direction:column;gap:20px}.FirstContact button:hover{background:none;transform:scale(1.1)}.FirstContact button:hover .icon-path{fill:#61dafb;background:none}.FirstContact button:hover .icon-circle{fill:#000}.Social,.SvgSocials{align-items:center;display:flex;flex-direction:row;gap:20px;justify-content:center}.fade-in{opacity:0;transform:translateY(20px);transition:opacity 1s ease-out,transform 1s ease-out}.fade-in.delay-1{transition-delay:.3s}.fade-in.delay-2{transition-delay:.6s}.fade-in.delay-3{transition-delay:.9s}.fade-in.delay-4{transition-delay:1.2s}.fade-in.staticDelay{transform:translateY(0);transition-delay:1.5s}.fade-in.animate{opacity:1;transform:translateY(0)}.fade-in-right{opacity:0;transform:translateX(50px);transition:opacity 1s ease-out,transform 1s ease-out}.fade-in-right.animate{opacity:1;transform:translateX(0)}.fade-in-left{opacity:0;transform:translateX(-100px);transition:opacity 1s ease-out,transform 1s ease-out}.fade-in-left.animate{opacity:1;transform:translateX(0)}.fade-in-left.delay-1{transition-delay:.3s}.fade-in-left.delay-2{transition-delay:.6s}.fade-in-left.delay-3{transition-delay:.9s}.fade-in-left.delay-4{transition-delay:1.2s}.fade-in-bottom{opacity:0;transform:translateY(50px);transition:opacity 1s ease-out,transform 1s ease-out}.fade-in-bottom.animate{opacity:1;transform:translateY(0)}.zoom-in{opacity:0;transform:scale(.8);transition:opacity 1s ease-out,transform 1s ease-out}.zoom-in.animate{opacity:1;transform:scale(1)}@keyframes glow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:480px){.App-header{color:#000;font-size:4vw;gap:3px}.App-header .HeaderFiller,.App-header img{display:none}.App-header a{color:#000;text-decoration:none}.Hero{align-items:normal;flex-direction:column-reverse;margin:0}.HeroContainer,.HeroTitle{max-width:100vw}.HeroTitle{left:15%;position:absolute;transform:translateY(-33vw)}.HeroTitle.animate{animation:fadeIn 1s ease-out forwards;animation-delay:2s}@keyframes fadeInRightMobileTitle{0%{opacity:0;transform:translate(-100%,-33vw)}to{opacity:1;transform:translateY(-33vw)}}.Hero .HeroImageContainer{animation:none;margin:min(13vw,40px) 0 0;opacity:1;position:relative}.Hero .HeroImageContainer img{height:auto;padding:0;width:100%;z-index:-1}.Hero h2{font-size:16vw;line-height:min(16.5vw,1em)}.Hero h3{font-size:8vw;margin:0 0 0 5vw}.Hero .spacer{height:min(3rem,10vw)}#aka{font-size:6vw;line-height:9vw;transform:translateX(5vw)}.Hero .separator{margin:5vw;width:auto}.Hero .FeaturedSkills{align-items:center;display:flex;justify-content:center}.Hero .FeaturedSkillCards{gap:20px;grid-template-columns:repeat(2,auto);padding:5%}.Hero button{padding:0;position:absolute}.Hero button:hover{background:none}.Hero .FeaturedSkillCards .card{gap:.5em;height:auto;padding:15%;width:auto}.Hero .FeaturedSkillCards .card img{height:auto;width:66%}.Hero .FeaturedSkillCards .card h4{font-size:4vw}#MadeWith{margin:0;text-align:center}.Hero a{padding:20px}.Hero .title-letter{color:#ff0}.Hero a{font-size:min(25px,6vw)}.separation h2{font-size:15vw;margin-left:5vw;text-align:left}.Hero .separator{margin:20px}#ProjectsSep h2{font-size:15vw;margin-left:5vw}.CanvasButtons{display:none}.AboutPicText{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;margin:50px 0;text-align:left}.About{margin:20px 0 0;overflow:hidden}#Who1{font-family:Montserrat;font-size:min(15vw,60px)}#Who2{font-size:min(7vw,25px);text-align:center}.AboutFirst{align-items:center;gap:0}.AboutText{max-width:90vw;padding:0;width:auto}.About p{font-size:22px}.EyeTrackingImage{width:150vw}.Best{margin-bottom:80px;max-width:90vw}.Best h2{font-size:50px}#RotatingTitle{font-size:40px}.SkillCards{gap:20px;grid-template-columns:repeat(2,auto);margin:20px 0}.About .card{gap:.5em;height:auto;padding:15%;width:auto}.About .card img{height:auto;width:66%}.About .card h4{font-size:4vw}h3{font-size:8vw;max-width:100vw}.Projects{margin:40px 0;padding:0}.ProjectsTextCard{align-items:normal;background-size:initial;background-size:auto 80vw;flex-direction:column;gap:0;padding:5vw}.Projects .BusinessCard{width:auto}.Projects .PostersAnim{width:min(400px,85vw)}.Projects .ProjectsFirst .CaraTeriLink a svg{height:auto;width:15vw}.Projects .CaraTeriLink a h2{font-size:15vw}.Projects .spacer{height:20vw}.Projects .Posters{column-gap:2vw;grid-template-columns:repeat(2,auto);margin:4vw;row-gap:2vw}.Projects .Posters img{width:45vw}.Social{gap:10px}.Contact{gap:4em;margin:40px 0;padding:20px}.ContactTitle{gap:1em}.Contact h2{font-size:10vw;text-align:center}.Contact h3{font-size:8vw;max-width:100vw;text-align:center}.Contact .ContactContainer{flex-direction:column;gap:4em}.Contact .separator{width:80vw}.Contact .SvgSocials{gap:10px}.Contact .SvgSocials button{height:auto;width:15vw}.Contact .SvgSocials h3{font-size:8vw;line-break:anywhere}.Contact .contact-form-container form input{font-size:6vw;width:auto}.Contact .contact-form-container{padding:0}.Contact textarea{font-size:7vw;width:auto}.Footer button{width:15vw}.Footer a{font-size:4vw;padding:10px}.ButtonsFooter{align-items:center;display:flex;flex-direction:row;justify-content:center}.Footer p{font-size:4vw}}@media (min-width:481px) and (max-width:768px){.App-header{font-size:min(4vw,25px)}.Hero{align-items:normal;flex-direction:column-reverse;gap:0;margin:40px 0}.Hero .HeroContainer{margin:5% 5% 0}.Hero h2{font-size:19vw;line-height:min(19vw,1em)}.Hero h3{font-size:6vw}.Hero .HeroImageContainer img{width:100vw}.Hero .FeaturedSkills{align-items:center;display:flex;justify-content:center;padding:0}.Hero .FeaturedSkillCards{gap:3vw;margin:40px 0}.Hero .FeaturedSkillCards .card{gap:1em;height:auto;padding:3vw 3vw 4vw;width:auto}.Hero .FeaturedSkillCards .card:hover{transform:scale(1)}.Hero .FeaturedSkillCards .card img{height:17vw}.Hero .FeaturedSkillCards .card h4{font-size:3.3vw}#aka{font-size:min(4.5vw,30px)}.Hero a{font-size:5vw}.separation h2{font-size:min(15vw,100px);margin:1vw 5vw 1vw 0}#ProjectsSep h2{font-size:min(15vw,100px);margin:1vw 0 1vw 5vw}.AboutPicText{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;margin:50px 0;text-align:left}.About{align-items:normal}#Who1{font-family:Montserrat;font-size:15vw}#Who2{font-size:5vw;text-align:center}.AboutText{max-width:90vw;padding:0;width:auto}.About p{font-size:22px}.Best{margin-bottom:80px;max-width:90vw}.EyeTrackingImage{width:750px}#RotatingTitle{font-size:55px}.SkillCards{gap:20px;grid-template-columns:repeat(3,auto);margin:20px 0}.About .card{gap:.5em;height:auto;padding:15%;width:auto}.About .card img{height:auto;width:66%}.About .card h4{font-size:3vw}#ProjectsSep h2{margin-left:5%}.Projects{margin:40px 0;padding:0}.ProjectsTextCard{align-items:normal;background-size:initial;background-size:auto 80vw;flex-direction:column;gap:0;padding:5vw}.Projects .ProjectsFirst .YellowText{font-size:6vw}.Projects .BusinessCard{align-self:center;width:80vw}.Projects .PostersAnim{width:min(550px,70vw)}.Projects .ProjectsFirst .CaraTeriLink a svg{height:auto;width:10vw}.Projects .CaraTeriLink a h2{font-size:10vw}.Projects .ProjectsFirst h3{font-size:5vw}.Projects .spacer{height:20vw}.Projects .Posters{column-gap:2vw;grid-template-columns:repeat(2,auto);margin:4vw;row-gap:2vw}.Projects .Posters img{width:45vw}.Contact{margin:5%;padding:0}.ContactTitle{gap:40px}.Contact h2{font-size:10vw}.Contact .ContactTitle h3,.Contact h2{text-align:center}.Contact .ContactContainer{flex-direction:column;gap:80px}.Contact .separator{width:80vw}.Contact .SvgSocials{gap:10px}.Contact .SvgSocials button{height:auto;width:15vw}.Contact .SvgSocials h3{font-size:5vw;line-break:anywhere}.Contact .contact-form-container form input{font-size:6vw;width:auto}.Contact .ContactTitle h3{font-size:6vw}.Contact .contact-form-container{padding:0}.Contact .contact-form-container h3{font-size:6vw}.Contact textarea{font-size:7vw;width:auto}.Footer a{font-size:min(4vw,25px)}}@media (min-width:769px) and (max-width:1250px){.App-header .HeaderFiller{display:none}.Hero .FeaturedSkillCards .card{width:min(150px,10vw)}.Hero .FeaturedSkillCards .card img{height:min(5vw,100px)}.Hero .FeaturedSkillCards .card h4{font-size:min(1.5vw,20px)}.separation h2{font-size:min(9vw,100px);margin:1vw 5vw 1vw 0}#ProjectsSep h2{font-size:min(9vw,100px);margin:1vw 0 1vw 5vw}.AboutPicText{flex-direction:column}.AboutFirst{gap:0}.About .AboutPicText .VerticalSeparator{display:none}.AboutText,.EyeTrackingImage{width:min(75vw,750px)}#RotatingTitle{padding-top:40px}.SkillCards{grid-template-columns:repeat(4,auto)}.About .SkillCards .card{width:min(150px,16vw)}.About .SkillCards .card img{height:min(10vw,100px)}.About .SkillCards .card h4{font-size:min(2vw,20px)}.Contact .ContactContainer{flex-direction:column}.Contact .VerticalSeparator{display:none}.Contact input,.Contact textarea{font-size:min(4vw,40px);width:min(80vw,850px)}.Contact .ContactContainer .FirstContact{gap:min(1vw,20px)}.Contact h2{font-size:min(60px,5vw);text-align:center}.Contact h3{font-size:min(40px,4vw)}}.card{align-items:center;background-color:#0bb1f9;border-radius:12px;box-shadow:0 4px 10px #0000001a;box-shadow:0 5px 10px #0000004d;color:#000;display:flex;flex-direction:column;gap:1em;justify-content:space-between;padding:10% 10% 15%;text-align:center;transition:filter .5s ease,background-color .5s ease,transform .2s ease;width:min(150px,10vw);z-index:0}.card:hover{transform:scale(1.1)}.card img{height:min(6vw,100px)}.card h4{font-size:min(1.3vw,20px);font-weight:600;margin:0}.blurred{background-color:#ff0;filter:blur(1px);transition:filter .5s ease;transition:background-color .5s ease}.card.hovered{transform:scale(1.1)}.loader-overlay{align-items:center;background-color:#ff0;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loader{animation:spin 2s linear infinite;border:8px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.contact-form-container{align-items:center;gap:20px;justify-content:center;margin:auto;max-width:850px;padding:20px;text-align:center}.contact-form-container,form{display:flex;flex-direction:column}form{gap:15px}input,textarea{background-color:#000;border:1px solid #fc0;border-radius:15px;color:#fc0;font-family:Montserrat;font-size:min(2vw,40px);font-weight:700;outline:none;padding:10px;width:min(40vw,850px)}textarea{height:400px;resize:vertical}input::placeholder,textarea::placeholder{color:#fc0;opacity:.7}form button{background-color:#fc0;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:25px;padding:10px 15px;transition:background-color .3s}form button:hover{background-color:#e6b800}.hexagon{background-color:#0bb1f9;clip-path:polygon(25% 5.77%,75% 5.77%,100% 50%,75% 94.23%,25% 94.23%,0 50%);height:400px;transition:all .3s ease;width:400px}.skills-container{align-items:center;display:flex;flex-direction:column;gap:min(50px,3vw)}.hex-grid-container{overflow:visible}.hex:hover{transform:scale(1.05);transform-box:fill-box;transform-origin:center;transition:transform .1s ease}.hex{opacity:1;transition:filter .3s ease,opacity .3s ease}.filter-backend .hex:not([data-category=backend]),.filter-frontend .hex:not([data-category=frontend]),.filter-gameDev .hex:not([data-category=gameDev]),.filter-tools .hex:not([data-category=tools]){filter:blur(2px);opacity:.2}.category-buttons{display:flex;gap:20px;justify-content:center}.category-buttons button{border:2px solid #000;font-size:min(4vw,25px);padding:min(20px,2vw);width:auto}.category-buttons button:hover{background-color:#61dafb;border:2px solid #000;color:#000}.skills-svg{display:flex;justify-content:center;width:80%}@media (min-width:769px) and (max-width:1250px){.skills-svg{width:120%}}@media (max-width:480px){.skills-svg{width:120%}.category-buttons button{padding:min(20px,1vw)}}
/*# sourceMappingURL=main.ab421212.css.map*/