@import"https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline;box-sizing:border-box;margin-block-start:0;margin-block-end:0}*{scroll-behavior:smooth}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;overflow:hidden;background-color:#000}img,fieldset,a img{border:none}input[type=text],input[type=email],input[type=tel],textarea{-webkit-appearance:none;appearance:none}button{cursor:pointer;background:none}input[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border:0}textarea{overflow:auto}input,button{margin:0;padding:0;border:0}div,input,textarea,select,button,h1,h2,h3,h4,h5,h6,a,span,a:focus{outline:none;text-decoration:none}ul,ol{list-style-type:none}table{border-spacing:0;border-collapse:collapse;width:100%}body{font-family:Noto-Serif,serif;font-weight:400;font-size:1.125rem;color:#fff;font-display:swap}section,footer{max-width:1580px;margin:0 auto}.content{width:95vw;height:80dvh;margin:auto}@media (max-width: 1024px){.content{width:100vw}}.mouse-follower{position:fixed;top:0;left:0;width:60px;height:60px;border-radius:50%;border:2px solid rgba(236,236,236,.5);pointer-events:none;transition:transform .2s ease,border-color .3s ease;transform:translate(-50%,-50%) scale(1);z-index:1000;mix-blend-mode:difference;transform-origin:center}@media (max-width: 768px){.mouse-follower{display:none}}.hover-title{transform:translate(-50%,-50%) scale(2);border:1px solid;border-color:#e64c4cb3}.hover-image{transform:translate(-50%,-50%) scale(2);border:1px solid;border-color:#ed8282b3}.hover-link{transform:translate(-50%,-50%) scale(2);border:1px solid;border-color:#4c99e6b3}.navbar{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:105px;background-color:transparent;padding:1.5rem;font-family:Raleway,sans-serif;font-weight:500;font-size:1rem;text-decoration:none;transition:background-color .5s ease;z-index:9}.navbar__logo{position:relative;z-index:99}.navbar__logo a img{width:120px;object-fit:cover;transform:translateY(12px);filter:brightness(0) saturate(100%) invert(67%) sepia(53%) saturate(1595%) hue-rotate(309deg) brightness(104%) contrast(86%)}@media (max-width: 768px){.navbar__logo a img{width:100px;transform:translateY(8px)}}@media (max-width: 396px){.navbar__logo a img{width:90px;transform:translateY(6px)}}.navbar__links{display:flex;justify-content:space-evenly;width:42%;max-width:1280px;margin-left:auto}.navbar__links li{position:relative;min-width:10%;max-height:64px;text-align:center;cursor:pointer}.navbar__links li a{position:relative;color:#d2d2d2;text-transform:uppercase;transition:.2s}.navbar__links li a:hover{text-shadow:2px 2px 8px rgba(237,130,130,.7)}.navbar__links li a:after{content:"";position:absolute;width:100%;height:2px;left:0;bottom:-2px;background-color:#ed8282;transition:transform .3s ease;transform:scaleX(0);transform-origin:left}.navbar__links li a:hover:after,.navbar__links li a:focus:after{transform:scaleX(1)}.navbar__links .active a{color:#ed8282}.navbar__links .active a:after{transform:scaleX(1)}.navbar__menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:24px;z-index:99;cursor:pointer}.navbar__menu-toggle .navbar__menu-toggle-bar{width:100%;height:3px;background-color:#d2d2d2;transition:all .3s ease}.navbar__menu-toggle .navbar__menu-toggle-bar:nth-child(1){transform-origin:top left}.navbar__menu-toggle .navbar__menu-toggle-bar:nth-child(2){opacity:1}.navbar__menu-toggle .navbar__menu-toggle-bar:nth-child(3){transform-origin:bottom left}.navbar__menu-toggle.open .navbar__menu-toggle-bar:nth-child(1){transform:rotate(45deg)}.navbar__menu-toggle.open .navbar__menu-toggle-bar:nth-child(2){opacity:0}.navbar__menu-toggle.open .navbar__menu-toggle-bar:nth-child(3){transform:rotate(-45deg)}@media (max-width: 768px){.navbar__links{display:none;flex-direction:column;position:absolute;top:105px;left:0;width:100%;background-color:transparent;padding:1.5rem;z-index:9}.navbar__links.open{display:flex;padding:1rem 0 40dvh;height:80dvh;background:linear-gradient(0deg,#0000,#000 75%)}.navbar__menu-toggle{display:flex}}@media (max-width: 396px){.navbar__links li{margin:.5rem 0}.navbar__links li a{font-size:1.5rem}}.footer{position:absolute;bottom:6px;align-items:center;width:100%;background-color:transparent;font-family:Raleway,sans-serif;font-weight:500;font-size:1rem;z-index:9}.footer__links{display:flex;justify-content:center}.footer__links .footer__item a{color:#d2d2d2;text-transform:lowercase;opacity:.5;transition:.3s}.footer__links .footer__item a:hover,.footer__links .footer__item a:focus{opacity:1}.footer__links span{font-size:1rem;margin:0 .5rem;color:#ed8282}@media (max-width: 768px){.footer__links .cp{display:none}}.language-switcher{position:fixed;bottom:2px;left:20px;z-index:1000}.language-switcher button{background:none;border:none;cursor:pointer;padding:0;margin:0}.language-switcher button img{width:32px;height:auto;transition:filter .3s ease-in-out,transform .3s ease-in-out;filter:grayscale(.9) brightness(100%) saturate(100%) hue-rotate(0deg)}.language-switcher button img:hover,.language-switcher button img:focus{filter:grayscale(.5);transform:scale(1.05)}.background-scene{position:absolute;display:flex;justify-content:center;align-items:center;background-color:#000;top:0;left:0;width:100%;height:100dvh;z-index:-1;overflow:hidden}.background-scene .mobile-background{margin-top:20dvh;height:70dvh;object-fit:contain}.particle-container{position:absolute;top:-150px;left:0;width:100vw;height:100dvh;z-index:-1;overflow:hidden}.particle-container:before{content:"";position:absolute;inset:-10px;background:radial-gradient(circle,#80808000,#000);pointer-events:none;mix-blend-mode:multiply}.home{display:flex;padding-top:14dvh}.home .hero{width:50%;padding-left:6vw}.home .hero h1{margin-bottom:6dvh;font-size:4rem;color:#fff;font-weight:500;text-transform:uppercase;letter-spacing:4px;user-select:none}.home .hero h1 span{color:#ed8282}@media (max-width: 768px){.home .hero h1{font-size:3rem}}@media (max-width: 396px){.home .hero h1{font-size:2.5rem}}.home .hero .parallax-circle-container{position:relative;display:flex;justify-content:center;align-items:center;height:420px;width:42vw;perspective:1000px;overflow:hidden}@media (max-width: 768px){.home .hero .parallax-circle-container{height:320px;width:42vw;overflow:visible}}.home .hero .parallax-circle-container .circle{position:absolute;width:200px;height:200px;border-radius:50%;border:2px solid #ffffff;display:flex;justify-content:center;align-items:center;transition:transform .6s ease-out}@media (max-width: 768px){.home .hero .parallax-circle-container .circle{width:150px;height:150px}}@media (max-width: 396px){.home .hero .parallax-circle-container .circle{width:120px;height:120px}}.home .hero .parallax-circle-container .circle .circle-text{color:#fff;font-size:1.125rem;text-transform:uppercase;font-family:Raleway,sans-serif;transition:transform .6s ease-out;pointer-events:none;cursor:pointer}.home .hero .parallax-circle-container .circle .circle-text .arrow{font-size:2.5rem}@media (max-width: 768px){.home .hero .parallax-circle-container .circle .circle-text .arrow{font-size:1.25rem}}@media (max-width: 396px){.home .hero .parallax-circle-container .circle .circle-text .arrow{font-size:1.125rem}}@media (max-width: 768px){.home .hero .parallax-circle-container .circle .circle-text{font-size:1rem}}@media (max-width: 396px){.home .hero .parallax-circle-container .circle .circle-text{font-size:.875rem}}.home .hero .parallax-circle-container .circle a{outline:none}.home .hero .parallax-circle-container .circle a:after{content:"";position:absolute;width:100%;height:2px;left:0;bottom:15px;background-color:#4c99e6;transition:transform .3s ease;transform:scaleX(0);transform-origin:left}.home .hero .parallax-circle-container .circle a:focus:after{transform:scaleX(1)}.home .social{width:50%;display:flex;justify-content:flex-end;margin-top:27dvh}@media (max-width: 1024px){.home .social{padding-right:6vw}}.home .social img{width:28px;height:28px;margin:8px 0;object-fit:cover;opacity:.5;filter:brightness(0) saturate(100%) invert(67%) sepia(53%) saturate(1595%) hue-rotate(309deg) brightness(104%) contrast(86%);transition:.3s ease-out;cursor:pointer}.home .social img:hover{opacity:1;filter:brightness(0) saturate(100%) invert(67%) sepia(53%) saturate(1595%) hue-rotate(309deg) brightness(104%) contrast(86%) drop-shadow(0px 7px 10px #ed8282)}@media (max-width: 768px){.home .social img{width:24px;height:24px}}.home .social a:focus img{opacity:1;filter:brightness(0) saturate(100%) invert(67%) sepia(53%) saturate(1595%) hue-rotate(309deg) brightness(104%) contrast(86%) drop-shadow(0px 7px 10px #ed8282)}.about-container{height:83dvh;margin:0 auto;padding:1rem 1rem 2.2rem;background-color:#000000b3;color:#ed8282;border-radius:12px;box-shadow:0 8px 30px #00000080;font-family:Raleway,sans-serif;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.about-container::-webkit-scrollbar{display:none}.about-container .about-header{text-align:center;margin-bottom:1.5rem}.about-container h1{font-size:3.5rem;font-weight:500;color:#fff;margin-bottom:1rem;text-align:center}@media (max-width: 768px){.about-container h1{font-size:2.75rem}}@media (max-width: 396px){.about-container h1{font-size:2rem}}.about-container h2{color:#ed8282;font-size:2rem;font-weight:500}@media (max-width: 768px){.about-container h2{font-size:2rem}}@media (max-width: 396px){.about-container h2{font-size:1.5rem}}.about-container h3{color:#cf99ff;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}@media (max-width: 768px){.about-container h3{text-align:center}}.about-container .about-main{display:flex;flex-wrap:wrap;justify-content:space-between;gap:48px;margin-bottom:1rem}.about-container .about-main .about-description{flex:2 1 60%;min-width:300px;font-size:1rem;color:#fff;line-height:1.8}@media (max-width: 1024px){.about-container .about-main .about-description{line-height:1.7}}@media (max-width: 768px){.about-container .about-main .about-description p{margin-bottom:1.5rem}}.about-container .about-main .about-description span{display:inline-block;position:relative;color:#ed8282;font-weight:700;transition:all .3s ease}.about-container .about-main .about-description span:hover{text-shadow:2px 2px 8px rgba(237,130,130,.7)}.about-container .about-main .about-description span:after{content:"";position:absolute;width:100%;height:2px;left:0;bottom:-2px;background-color:#ed8282;transition:transform .3s ease;transform:scaleX(0);transform-origin:left}.about-container .about-main .about-description span:hover:after{transform:scaleX(1)}.about-container .about-main .about-experience{flex:1 1 25%;min-width:300px}@media (max-width: 1024px){.about-container .about-main .about-experience{display:none}}@media (max-width: 768px){.about-container .about-main .about-experience{display:block;text-align:center}}.about-container .about-main .about-experience ul{list-style-type:none;padding-left:0;font-size:1rem;color:#fff}.about-container .about-main .about-experience ul li{padding:.5rem 0;margin-bottom:.5rem;border-radius:5px;letter-spacing:1px}.about-container .about-toolkit{display:flex;justify-content:space-between;gap:32px;margin-bottom:3vh}@media (max-width: 1024px){.about-container .about-toolkit{flex-direction:column}}.about-container .about-toolkit .about-skills{flex:1 1 20%;min-width:300px}@media (max-width: 1024px){.about-container .about-toolkit .about-skills{display:none}}@media (max-width: 768px){.about-container .about-toolkit .about-skills{display:block;text-align:center}}.about-container .about-toolkit .about-skills ul{list-style-type:none;padding-left:0;font-size:1rem;color:#fff}.about-container .about-toolkit .about-skills ul li{padding:.5rem 0;margin-bottom:.5rem;border-radius:5px;letter-spacing:1px}.about-container .about-toolkit .about-technologies{flex:2 1 70%;min-width:300px}.about-container .about-toolkit .about-technologies ul{list-style-type:none;padding-left:0;font-size:1.1rem;color:#fff}.about-container .about-toolkit .about-technologies ul li{padding:.5rem 0;margin-bottom:.5rem;border-radius:5px}.about-container .about-toolkit .technologies-list{display:flex;flex-wrap:wrap}.about-container .about-toolkit .technologies-list li{flex:1 1 calc(20% - 1rem)}@media (max-width: 768px){.about-container .about-toolkit .technologies-list li{flex:1 1 calc(33% - 1rem);text-align:center}}.about-container .about-toolkit .technologies-list li .technology-icon{width:44px;height:44px;object-fit:contain;filter:brightness(0) saturate(100%) invert(98%) sepia(0%) saturate(0%) hue-rotate(170deg) brightness(86%) contrast(93%);transition:.3s ease-out}.about-container .about-toolkit .technologies-list li .technology-icon:hover{opacity:1;filter:brightness(0) saturate(100%) invert(67%) sepia(53%) saturate(1595%) hue-rotate(309deg) brightness(104%) contrast(86%) drop-shadow(0px 7px 10px #ed8282)}.portfolio-container{margin:0 auto;padding:1rem;background-color:#000000b3;color:#ed8282;border-radius:12px;box-shadow:0 8px 30px #00000080}.portfolio-container h1{font-size:3.5rem;font-weight:500;color:#fff;font-family:Raleway,sans-serif}@media (max-width: 768px){.portfolio-container h1{font-size:2.75rem}}@media (max-width: 396px){.portfolio-container h1{font-size:2rem}}.portfolio-container h2{color:#ed8282;font-size:2rem;font-weight:500;margin-bottom:1rem}@media (max-width: 768px){.portfolio-container h2{font-size:2rem}}@media (max-width: 396px){.portfolio-container h2{font-size:1.5rem}}.portfolio-container .tabs{display:flex;justify-content:center;height:42px;transform:translateY(-56px);display:none}.portfolio-container .tabs .parallax-circle-container{position:relative;display:flex;justify-content:center;align-items:center;height:200px;width:200px;perspective:1000px;overflow:visible;cursor:pointer}.portfolio-container .tabs .parallax-circle-container .circle{position:absolute;width:50%;height:50%;border-radius:50%;border:2px solid #ffffff;display:flex;justify-content:center;align-items:center;transition:transform .6s ease-out}.portfolio-container .tabs .parallax-circle-container .circle .circle-text{color:#fff;font-size:1rem;text-transform:uppercase;transition:transform .6s ease-out;pointer-events:none}.project-showcase-container{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:20px;padding:40px 2px 10px;margin-bottom:2dvh;height:63dvh;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}@media (max-width: 1024px){.project-showcase-container{justify-content:center}}.project-showcase-container::-webkit-scrollbar{display:none}.project-showcase-container .project-card-link{text-decoration:none;color:inherit;flex-basis:calc(33.333% - 20px);margin-bottom:20px}@media (max-width: 1024px){.project-showcase-container .project-card-link{flex-basis:calc(50% - 20px)}}@media (max-width: 768px){.project-showcase-container .project-card-link{flex-basis:calc(100% - 20px)}}.project-showcase-container .project-card-link:nth-child(3n){margin-right:0}.project-showcase-container .project-card-link:hover .project-card,.project-showcase-container .project-card-link:focus .project-card{transform:translateY(-5px);box-shadow:0 4px 20px #ff69b466}.project-showcase-container .project-card{background:linear-gradient(145deg,#141414,#1e1e1e);border-radius:12px;box-shadow:0 4px 10px #00000080;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.project-showcase-container .project-card .project-preview{width:100%;height:180px;object-fit:cover;object-position:top;border-bottom:3px solid #222}@media (max-width: 768px){.project-showcase-container .project-card .project-preview{height:250px}}@media (max-width: 396px){.project-showcase-container .project-card .project-preview{height:210px}}.project-showcase-container .project-card .project-title{margin-top:15px;margin-left:15px;font-family:Raleway,sans-serif;font-weight:600;font-size:1.5rem;color:#fff;letter-spacing:1px}@media (max-width: 768px){.project-showcase-container .project-card .project-title{font-size:1.4rem}}@media (max-width: 396px){.project-showcase-container .project-card .project-title{font-size:1.3rem}}.project-showcase-container .project-card .project-type{margin-left:15px;margin-bottom:15px;color:#999;font-weight:300;font-size:.8rem}.project-showcase-container .project-card .project-technologies{display:flex;flex-wrap:wrap;gap:10px;margin:0 4px 15px 15px}.project-showcase-container .project-card .project-technologies .technology-badge{padding:2px 10px;border-radius:5px;font-size:.8rem;color:#fff;background-color:#ff69b426}.contact-wrapper{position:relative}.contact-wrapper .contact-container{position:relative;color:#ed8282;width:100%;height:80vh;margin:0 auto;padding:1rem 3rem;border-radius:12px;box-shadow:0 8px 30px #00000080;text-align:right;z-index:1;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.contact-wrapper .contact-container::-webkit-scrollbar{display:none}@media (max-width: 768px){.contact-wrapper .contact-container{padding:.5rem 1.5rem 4rem}}.contact-wrapper .contact-container h1{font-size:3.5rem;font-weight:500;color:#fff;font-family:Raleway,sans-serif}@media (max-width: 768px){.contact-wrapper .contact-container h1{font-size:2.75rem}}@media (max-width: 396px){.contact-wrapper .contact-container h1{font-size:2rem}}.contact-wrapper .contact-container h2{color:#ed8282;font-size:2rem;font-weight:500;margin-bottom:1rem}@media (max-width: 768px){.contact-wrapper .contact-container h2{font-size:2rem}}@media (max-width: 396px){.contact-wrapper .contact-container h2{font-size:1.5rem}}.contact-wrapper .contact-container .social-links{display:flex;justify-content:right;gap:1.5rem;z-index:1}.contact-wrapper .contact-container .social-links a{display:inline-block}.contact-wrapper .contact-container .social-links a:focus img{opacity:1;filter:brightness(0) saturate(100%) invert(67%) sepia(53%) saturate(1595%) hue-rotate(309deg) brightness(104%) contrast(86%) drop-shadow(0px 7px 10px #ed8282)}.contact-wrapper .contact-container .social-links a img{width:28px;height:28px;object-fit:cover;opacity:.5;filter:brightness(0) saturate(100%) invert(67%) sepia(53%) saturate(1595%) hue-rotate(309deg) brightness(104%) contrast(86%);transition:.3s ease-out;cursor:pointer}@media (max-width: 768px){.contact-wrapper .contact-container .social-links a img{width:24px;height:24px}}.contact-wrapper .contact-container .social-links a img:hover{opacity:1;filter:brightness(0) saturate(100%) invert(67%) sepia(53%) saturate(1595%) hue-rotate(309deg) brightness(104%) contrast(86%) drop-shadow(0px 7px 10px #ed8282)}.contact-wrapper .contact-container .contact-form{display:flex;flex-direction:column;gap:1rem;width:460px;margin-left:auto}@media (max-width: 768px){.contact-wrapper .contact-container .contact-form{width:90%}}@media (max-width: 396px){.contact-wrapper .contact-container .contact-form{width:98%}}.contact-wrapper .contact-container .contact-form .form-group{display:flex;flex-direction:column}.contact-wrapper .contact-container .contact-form .form-group.error{animation:shake .3s}.contact-wrapper .contact-container .contact-form .form-group.error input,.contact-wrapper .contact-container .contact-form .form-group.error textarea{border-color:#e64c4c;border-width:2px}.contact-wrapper .contact-container .contact-form .form-group label{font-size:1rem;color:#fff;opacity:0}.contact-wrapper .contact-container .contact-form .form-group input,.contact-wrapper .contact-container .contact-form .form-group textarea{padding:.75rem;border-radius:6px;border:1px solid #ccc;background-color:#000;color:#fff;font-size:1rem;transition:.2s;text-align:right}@media (max-width: 768px){.contact-wrapper .contact-container .contact-form .form-group input,.contact-wrapper .contact-container .contact-form .form-group textarea{padding:.7rem}}.contact-wrapper .contact-container .contact-form .form-group input:focus,.contact-wrapper .contact-container .contact-form .form-group textarea:focus{outline:none;border-color:#ed8282}.contact-wrapper .contact-container .contact-form .form-group input::placeholder,.contact-wrapper .contact-container .contact-form .form-group textarea::placeholder{color:#bbb;text-align:right}.contact-wrapper .contact-container .contact-form .form-group textarea{resize:vertical;margin-bottom:1rem;min-height:130px;font-family:Raleway,sans-serif;text-align:left}.contact-wrapper .contact-container .contact-form .submit-btn{width:200px;background-color:#ed8282;font-family:Raleway,sans-serif;text-transform:uppercase;color:#fff;padding:.75rem;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .3s ease;margin:auto}.contact-wrapper .contact-container .contact-form .submit-btn:hover,.contact-wrapper .contact-container .contact-form .submit-btn:focus{background-color:#e75555;transform:scale(1.1)}.contact-wrapper .contact-container .contact-form .submit-btn[disabled]{opacity:.6;cursor:not-allowed}.contact-wrapper .notification{position:fixed;top:12dvh;right:5%;width:25%;max-width:420px;min-width:360px;padding:10px 20px;border-radius:5px;text-align:center;font-family:Raleway,sans-serif;color:#fff;z-index:99}.contact-wrapper .notification.success{background-color:#59c084}.contact-wrapper .notification.error{background-color:#e64c4c}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}}.not-found{width:90vw;height:80dvh;margin:0 auto;padding:3rem 1rem;text-align:center;background-color:#000000b3;color:#ed8282;border-radius:12px;box-shadow:0 8px 30px #00000080}.not-found h1{font-size:3rem;font-weight:500;color:#ed8282;margin-bottom:2rem}.not-found h3 a{color:#fff;font-weight:500;font-size:1.5rem}.not-found h3 a:focus{color:#cf99ff;text-decoration:underline}.not-found h3 a span{color:#cf99ff;text-decoration:underline}