:root{--backgroundColor: #141414;--LighterBlack: #2a2a2a;--MainGreen: #b3ff00;--DarkGreen: #6b9900;--white: #ffffff;--textColor: #c9c6c6;--Gray: #727272;--TransparentBG: #222222b0}@font-face{font-family:Oxianium;src:url(/assets/Oxanium-VariableFont_wght-zH6NCYuF.ttf);font-display:fallback}@font-face{font-family:Lato;src:url(/assets/Lato-Regular-BwLIet1C.ttf);font-display:fallback}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}ul{list-style-type:none}a{text-decoration:none}img{width:100%;height:100%}body{background-color:var(--backgroundColor);overflow-x:hidden}.center{width:1250px;max-width:90%;margin:0 auto}.title-section{font-family:Oxianium}.title{color:var(--white);font-size:3.5rem;text-shadow:3px 2px 2px var(--DarkGreen);font-weight:400;margin-top:5px}.synonim{color:var(--Gray);letter-spacing:3px}.arrow{position:absolute;bottom:0;left:50%;transform:translate(-50%,45%);width:45px;height:65px;background-color:var(--MainGreen);z-index:3;text-align:center;padding:10px 0;border-radius:5px;overflow:hidden}.arrow img{position:absolute;width:27px;left:52%;transform:translate(-50%);height:55px;animation:animationArrow 1s infinite ease-out backwards}.arrow img:nth-child(2){animation:animationArrow 1s .25s infinite ease-out backwards}.arrow img:nth-child(3){animation-delay:2s;animation:animationArrow 1s .5s infinite ease-out backwards}@keyframes animationArrow{0%{transform:translate(-50%,-45px);opacity:0}50%{transform:translate(-50%);opacity:1}to{opacity:0;transform:translate(-50%,45px)}}@media screen and (max-width: 572px){.title-section{text-align:center}}#info-banner{font-family:Oxianium;text-align:center;background-image:url(/assets/code-banner-ZwPyQHhd.avif);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;width:100%;padding:280px 0}.overlay-banner{position:absolute;width:100%;height:100%;z-index:1;top:0;left:0;background:linear-gradient(180deg,#1a1818ee,#141414)}.banner-titles{position:relative;margin:auto;z-index:2;text-align:center}.banner-titles .name,.begin-animation .name{background:linear-gradient(to left,var(--DarkGreen),var(--MainGreen),var(--MainGreen),var(--DarkGreen));background-clip:text;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-size:200% 50%}.banner-titles .name{position:relative;color:var(--MainGreen);font-size:6.5rem;margin:0 auto}.begin-animation.name{animation:gradientName 6s linear infinite}.banner-titles .role{color:var(--white);font-size:1.5rem;font-family:Oxianium;margin-top:5px;letter-spacing:3px}.links{display:flex;align-items:center;justify-content:center;margin:3rem auto 0;gap:25px}.links img{position:relative;width:75px;height:75px;background-color:var(--LighterBlack);padding:15px;border-radius:8px;border:1px solid var(--DarkGreen);cursor:pointer;transition:.2s}.links img:hover{transform:translate(5px)!important;transform:translateY(-5px)!important;box-shadow:5px 5px var(--DarkGreen)}@keyframes gradientName{0%{text-shadow:5px 0px 10px transparent;background-position:0 0}45%{background-position:-100% 50%;text-shadow:5px 0px 10px var(--DarkGreen)}to{background-position:-200% 50%;text-shadow:5px 0px 10px 5px transparent}}@media screen and (max-width: 748px){#info-banner{padding:10rem 0}}@media screen and (max-width: 530px){.banner-titles .name{font-size:4rem}.banner-titles .role{font-size:1.5rem}}@media screen and (max-width: 380px){#info-banner{height:100vh;padding-top:35vh}}.menu{width:100%;position:fixed;top:0;left:50%;transform:translate(-50%);z-index:99;border-radius:10px;padding:10px 75px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu ul{display:flex;align-items:center;justify-content:start;gap:3rem;padding:25px 0 15px}.menu ul li a{color:var(--white);font-size:1rem;font-family:Oxianium;font-weight:200}.menu ul li a{padding:15px;border-radius:5px;transition:.2s}.menu ul li:hover a{background-color:var(--LighterBlack)}.menu ul li.active a{background-color:var(--DarkGreen)}.line{position:relative;width:25px;height:3px;background-color:var(--MainGreen);margin:5px 0;transition:.3s}.line:nth-last-child(2){transform:translate(5px)}.menu-opened.menu .line:nth-child(1){transform:rotate(45deg);transform-origin:0 50%;left:4px}.menu-opened.menu .line:nth-child(2){transform:translate(200%)}.menu-opened.menu .line:nth-child(3){transform:rotate(-45deg);transform-origin:0 50%;left:4px;top:2px}.hamburguer{display:none}@media screen and (max-width: 748px){.menu{left:0;transform:translate(0);padding:10px 25px;width:unset;-webkit-backdrop-filter:none;backdrop-filter:none}.menu ul{position:absolute;width:max-content;flex-direction:column;align-items:start;justify-content:center;gap:50px;background-color:var(--TransparentBG);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:35px;border-radius:10px;top:100%;left:30px;transform:translate(-150%);transition:.3s}.menu-opened.menu ul{transform:translate(0)}.hamburguer{width:max-content;position:relative;cursor:pointer;z-index:35;transition:.3s;padding:15px;background-color:var(--LighterBlack);margin-bottom:5px;border-radius:10px;overflow:hidden;display:block}.menu-opened.menu .hamburguer{box-shadow:inset 0 0 5px 0 var(--MainGreen)}}@media screen and (max-width: 400px){.title{font-size:2.5rem}}#about{display:flex;align-items:center;justify-content:space-between;gap:6rem;color:var(--textColor);padding-bottom:6rem}.about-info,.about-soft_skills{width:50%;position:relative}.about-soft_skills{transform-style:preserve-3d}.about-info .about-text{font-family:Lato;line-height:1.5rem}.about-text p{margin:15px 0}.resume-wrapper{display:flex;flex-wrap:wrap;justify-content:start;gap:25px;margin-top:35px}.about-soft_skills ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-template-rows:repeat(auto-fit,minmax(40px,1fr));gap:15px}.about-soft_skills ul li{width:100%;padding:30px;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#6b99007e;font-size:1rem;font-family:Oxianium;color:var(--white);border-radius:5px;border:1px solid var(--DarkGreen);box-shadow:7px 7px 5px #00000093;transition:transform .2s cubic-bezier(.39,.575,.565,1)}#about .decoration{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)!important;width:40%;height:70%;filter:blur(45px);background-color:var(--MainGreen)}#about button{width:220px;max-width:100%;padding:12px;font-size:1.05rem;background-color:var(--LighterBlack);border:1px solid var(--DarkGreen);border-radius:5px;color:var(--white);cursor:pointer;transition:.2s;font-family:Oxianium}#about button:hover{transform:translate(-5px,-5px);box-shadow:5px 5px 0 0 var(--DarkGreen)}@media screen and (max-width: 1200px){#about{flex-wrap:wrap}.about-soft_skills ul{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.about-info,.about-soft_skills{width:100%}}@media screen and (max-width: 587px){#about{padding-bottom:3rem}}@media screen and (max-width: 572px){.about-info{text-align:center}}@media screen and (max-width: 516px){.resume-wrapper{justify-content:center}}#skills{position:relative;box-shadow:0 10px 10px #00000048;background:var(--backgroundColor);padding:10rem 0}.skills-wrapper{position:relative;display:flex;align-items:center;justify-content:center;gap:45px;flex-wrap:wrap;z-index:7}.skills-wrapper ul{display:flex;flex-wrap:wrap;gap:15px;width:max-content;max-width:100%;margin:0 auto;color:var(--white);font-family:Oxianium;justify-content:center}.skills-wrapper li{width:max-content;padding:10px;text-align:center;background-color:var(--backgroundColor);font-size:1.1rem;border-radius:5px;border:1px solid var(--MainGreen);transition:.3s}.skills-wrapper li:hover{background-color:var(--LighterBlack);box-shadow:5px 5px var(--MainGreen);transform:translate(5px)!important;transform:translateY(-5px)!important}.skills-box img{width:120px;max-width:100%;height:70px;margin:0 auto}.skills-wrapper p{font-size:.8rem;margin-top:5px}.skills-box{width:55%;background-color:var(--TransparentBG);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:40px 15px;border-radius:8px;box-shadow:12px 12px 3px #0000006b}#skills .decoration{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:70%;width:1350px;max-width:100%;box-shadow:inset 0 0 15px 5px #000;background-size:100% 50%;animation:animationGradient 3s ease-in-out infinite;border-radius:50px;overflow:hidden}#particleCanvas{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;height:auto}@media screen and (max-width: 748px){#particleCanvas,#skills .decoration{display:none}}@media screen and (max-width: 1000px){.skills-box{width:100%;margin-top:5px}.skills-wrapper{justify-content:center}}@media screen and (max-width: 600px){.skills-wrapper li{width:100%}#skills .decoration{height:50%}}#projects{padding:10rem 0;background:radial-gradient(ellipse at bottom,#1a1a1a,#141414 60%)}#projects .synonim,#projects .title{text-align:center}.projects-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:6rem}.projects-box{text-align:start;color:var(--textColor);margin-bottom:20px}.project-img{position:relative;overflow:hidden;height:auto;border:1px solid var(--MainGreen);border-radius:8px;cursor:pointer;transition:.2s}.projects-box img{width:100%;height:350px;object-fit:cover;display:flex}.project-img:hover{box-shadow:0 0 15px 3px var(--DarkGreen)}.tags{position:absolute;bottom:-15px;left:0;width:100%;padding:20px 10px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.932));color:var(--backgroundColor);font-family:Oxianium;transition:.2s;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:20px;opacity:0}.tags p{background:var(--MainGreen);font-size:.8rem;border-radius:5px;padding:10px}.project-img:hover .tags{bottom:0;opacity:1}.project-name{font-family:Oxianium;font-size:1.5rem;margin:1.5rem 0;color:var(--white)}.project-description{font-family:Lato;line-height:1.4rem;font-size:.9rem}@media screen and (max-width: 740px){.projects-wrapper{grid-template-columns:1fr}.projects-box{margin-bottom:25px}}@media screen and (max-width: 572px){.projects-box{text-align:center}}#experiences{padding-top:8rem;padding-bottom:35px;box-shadow:#000000da 0 -5px 20px;position:relative;background:radial-gradient(ellipse at top,#1a1a1a,#141414 60%)}#experiences .title-section{text-align:center;margin-bottom:5rem}.experiences-wrapper{position:relative;padding-left:45px}.timeline{position:absolute;top:0;left:0;width:2px;height:95%;border-radius:15px}.timeline{background:linear-gradient(180deg,var(--MainGreen) 0%,transparent 93%);z-index:2}.experience-header{position:relative;text-align:center;font-size:1.4rem;font-family:Oxianium;z-index:10;background-size:200%;padding:15px 25px;border-radius:12px;margin-bottom:15px;box-shadow:0 0 10px 2px var(--LighterBlack);width:280px;max-width:100%;background:var(--MainGreen)}.experience-header:after{position:absolute;display:block;content:"";width:32px;max-width:100%;height:10px;background-size:200%;left:0;top:50%;transform:translate(-100%,-50%);background:var(--MainGreen)}.experience-header:before{position:absolute;display:block;content:"";width:30px;height:30px;border-radius:50%;background-size:200%;transform:translate(-200%,-50%);left:0;top:50%;z-index:12;background:var(--MainGreen)}.extra-informations{position:relative;width:100%;padding:15px 0;display:flex;align-items:center;justify-content:start;gap:55px;font-family:Oxianium;font-weight:400;color:#eee;font-size:1.05rem;border-radius:12px 12px 0 0;z-index:4;flex-wrap:wrap}.item-extra-info{display:flex;align-items:center;justify-content:center;gap:10px}.item-extra-info img{width:25px;height:auto}.experience-description{padding:15px 0;font-size:.9rem;font-family:Lato;color:var(--textColor);letter-spacing:1px}.experience-description p:not(.tag){margin-bottom:25px;line-height:20px}.tech-tags{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;margin-top:55px;gap:25px;font-size:.9rem;font-family:Oxianium}.tag{padding:15px;background-color:var(--Gray);border:1px solid var(--MainGreen);border-radius:5px;color:var(--white);box-shadow:3px 3px 4px #000}.experience{margin-bottom:7rem;position:relative}.experience:nth-child(1){bottom:15px}.experience:nth-last-child{margin-bottom:unset}@media screen and (max-width: 848px){.extra-informations{flex-wrap:nowrap;flex-direction:column;gap:0;align-items:start;padding-left:15px}.item-extra-info{justify-content:unset;margin-bottom:25px}.item-extra-info:nth-child(3){margin-bottom:0}.experience-description{padding:35px 15px 25px}}@media screen and (max-width: 748px){.tag{width:100%;text-align:center}}@media screen and (max-width: 524px){.experience{background-color:#1a1a1a;z-index:14;border-radius:10px}.company{font-size:1rem}.experience-description p{font-size:.6rem;text-align:center}.experience-description p:not(.tag){line-height:15px}.experience-header:before,.experience-header:after{display:none}.experience-header{margin:0 auto 15px;width:180px;bottom:25px}.timeline{left:50%;transform:translate(-50%);z-index:0}.experiences-wrapper{padding:0 15px}.extra-informations{font-size:.8rem;align-items:center;padding-left:0}}