:root{--bg-color: #1D202F;--text-color: #ffffff;--box-color: #161820;--box-outline-color: #ffffff;--line-color: rgba(255, 255, 255, .1);--line-colorv2: rgba(255, 255, 255, .253);--shadow-color: #444c6e;--button-color: #323545;--button-color-hover: #4e5268;--font-main: system-ui, -apple-system, sans-serif}html{overflow-y:scroll;scrollbar-gutter:stable;scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);margin:0;font-size:1.2rem}section{scroll-margin-top:300px}nav{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:var(--bg-color);display:flex;justify-content:space-between;align-items:center;padding:1rem 3vw;border-bottom:1px solid var(--line-color);height:auto}.logo a{text-decoration:none;font-size:clamp(20px,1.2vw,2vw);font-family:var(--font-main);margin-right:0;cursor:pointer}.logo a:hover{text-decoration:none;cursor:pointer}nav ul{display:flex;list-style:none;gap:4vw;padding:0;margin:0;align-items:center;flex-wrap:wrap}nav ul li{display:flex;align-items:center}nav button{background:none;border:none;cursor:pointer;display:flex;align-items:center}nav a{font-size:clamp(11px,1vw,1.5vw);color:var(--text-color);text-decoration:none}nav a:hover{text-decoration:underline}.flag{margin-top:0;width:clamp(1.2rem,1.5vw,2rem);cursor:pointer;display:block}@media(max-width:900px){nav ul{gap:2vw}.logo{font-size:clamp(14px,2.2vw,20px)}}@media(max-width:600px){nav{flex-direction:column;gap:.5rem;padding:.75rem 4vw}nav ul{justify-content:center;gap:1rem}}@media(max-width:420px){nav ul{gap:.75rem}nav a{font-size:clamp(10px,2.3vw,14px)}.logo{font-size:clamp(12px,4vw,18px)}}.aboutme{display:flex;align-items:center;justify-content:center;gap:5vw;margin-top:15vw;flex-wrap:wrap}.photo{margin-top:0;margin-bottom:4vh;width:clamp(120px,17vw,300px);border-radius:2px;box-shadow:0 0 0 .07vw var(--box-outline-color),0 0 0 clamp(8px,.8vw,18px) var(--bg-color),0 0 0 calc(clamp(8px,.8vw,18px) + .07vw) var(--box-outline-color);transition:transform .5s ease,box-shadow .5s ease}.photo:hover{transform:rotate(-5deg) scale(1.1);box-shadow:0 0 0 .07vw var(--box-outline-color),0 0 0 clamp(8px,.8vw,18px) var(--bg-color),0 0 0 calc(clamp(8px,.8vw,18px) + .07vw) var(--box-outline-color),0 0 1.2rem clamp(8px,1vw,18px) #444c6e}.text-aboutme h1{font-size:5vh;line-height:0vh}.text-aboutme{max-width:30vw;max-height:43vh;font-family:var(--font-main);margin-top:0;display:flex;flex-direction:column;justify-content:center}.descr{margin-top:2vw}.subheading{font-size:5vh}@media(max-width:1200px){.photo{width:clamp(130px,22vw,260px)}.text-aboutme{max-width:40vw}}@media(max-width:900px){.aboutme{gap:3vw;margin-top:23vw}.photo{width:clamp(140px,25vw,240px)}.text-aboutme{max-width:55vw;font-size:2vw}}@media(max-width:600px){.aboutme{flex-direction:column;align-items:center;gap:1.5rem;margin-top:10rem}.photo{width:40vw}.text-aboutme{max-width:90vw;text-align:center;font-size:3vw}.text-aboutme h1{font-size:3.5vh}}@media(max-width:420px){.aboutme{gap:2vh;margin-top:8rem}.text-aboutme h1{font-size:2.5vh;margin-bottom:1vh}.text-aboutme{width:79%;font-size:1.3vh}.photo{margin-bottom:0;margin-top:0}}.experience{display:flex;align-items:center;justify-content:center;margin-top:25vh}.expContainer{width:min(700px,94%);margin:0}.exp-list{display:block;text-align:left;margin:0}.exp-list li{margin-bottom:1rem;line-height:1.45}.text-experience{display:flex;flex-direction:row;gap:15vw;border:1px solid var(--line-colorv2);padding:5rem;border-radius:10px;margin-left:2vw;margin-right:2vw}.text-experience h3{margin-bottom:0;margin-left:0}.expContainer h1{display:flex;flex-direction:column}button.exp-item{display:flex;align-self:flex-end;align-items:center;justify-content:center;cursor:pointer;height:4vh;width:20vh;background-color:var(--button-color);border:#ffffff 1px solid;color:var(--text-color);text-decoration:none;border-radius:10px;font-size:clamp(1.5vh,1.9vh,2.5vh)}button.exp-item:hover{background-color:var(--button-color-hover)}button.exp-item:active{background-color:var(--button-color)}@media(max-width:1200px){.expContainer h1{font-size:4vh}.exp-item{font-size:1.5vw;width:30vw}}@media(max-width:900px){.experience{margin-left:5vh}.expContainer h1{font-size:4vh}.text-experience{padding:1rem 1rem 1rem 2rem;gap:10vw;margin-right:4vh;margin-left:4vh}.exp-item{font-size:2vw;width:30vw}button.exp-item{margin-right:2vw}}@media(max-width:600px){.experience{margin-top:13vh;margin-left:2vh}.expContainer h1{font-size:3vh}.text-experience{flex-direction:column;gap:2rem;font-size:3vw;padding:2rem;margin-right:2vh}.exp-item{font-size:2.5vw;width:60vw;margin-left:2vh}button.exp-item{align-self:center;font-size:2.5vw;width:12vh;margin-right:2vw}}@media(max-width:420px){.experience{margin-top:9vh;margin-left:0}.text-experience{padding:1rem;gap:1rem;margin-left:2vh;width:70%;height:fit-content}button.exp-item{font-size:2.2vw;width:fit-content;height:2.5vh}.expContainer{margin-right:1.5rem;width:94%}.exp-list{display:block;text-align:left}.expContainer h1{font-size:2vh}.exp-list li{font-size:1vh}}.skills-group h3{align-self:flex-start;margin-left:20%;margin-top:4vw;margin-bottom:0}.skillsContainer h1{margin-top:20rem;display:flex;flex-direction:column;align-items:center}.skills-group{display:flex;flex-direction:column;align-items:flex-start;width:100%}.divider{height:1px;background-color:var(--line-colorv2);width:60%;margin:10px 0 20px;align-self:center}.skills-list{display:grid;grid-template-columns:repeat(5,1fr);gap:40px;padding:0;width:50%;margin-left:25%;align-items:center;justify-items:center}.skills-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:20px;background-color:var(--box-color);width:6vw;height:6vw;font-size:.8vw;transition:transform .3s ease,box-shadow .3s ease}.skills-item:hover{transform:scale(1.2);box-shadow:0 0 1.2rem clamp(2px,.1vw,10px) var(--shadow-color)}.logos{width:35%;height:40%;object-fit:contain;margin-bottom:10px}@media(max-width:1200px){.skills-list{grid-template-columns:repeat(4,1fr);gap:30px}.skills-item{font-size:1vw;width:8vw;height:8vw}.skills-group h3{font-size:2vh}}@media(max-width:900px){.skills-list{grid-template-columns:repeat(3,1fr);gap:25px}.skills-item{width:10vw;height:10vw}.skillsContainer h1{font-size:4vh;margin-top:20vh}.skills-group h3{font-size:2vh}}@media(max-width:600px){.skills-list{grid-template-columns:repeat(2,1fr);gap:20px;width:80%;margin-left:10%}.skills-group h3{margin-left:10%}.divider{width:80%}.skillsContainer h1{font-size:3vh}.skills-item{width:15vw;height:15vw;font-size:2.2vw}}@media(max-width:420px){.skillsContainer h1{margin-top:15vh}.skills-list{grid-template-columns:repeat(3,1fr);width:60%;margin-left:20%}.skills-group h3{font-size:1.5vh;margin-top:3vh}.skills-item{width:15vw;height:15vw;font-size:.8vh}.skillsContainer h1{font-size:2vh}}.certificatesContainer{display:flex;flex-direction:column;align-items:center;padding:2rem;gap:4vh}.certificates-header{font-size:4vh;margin-top:25vh;margin-right:26%}.certificate-item{width:34vw;align-self:center;display:flex}.certificate1{display:flex;flex-direction:column;align-items:center;width:100%}.verify-button{margin-top:2vh;align-self:flex-end;cursor:pointer;height:4vh;width:15vh;background-color:var(--button-color);border:#ffffff 1px solid;color:var(--text-color);text-decoration:none;border-radius:10px;font-size:clamp(1.5vh,1.9vh,2.5vh)}.verify-button:hover{background-color:var(--button-color-hover)}.verify-button:active{background-color:var(--button-color)}@media(max-width:900px){.certificates-header{font-size:3.5vh;margin-top:15vh}.certificate-item{width:50vw}}@media(max-width:600px){.certificates-header{font-size:3vh}.certificate-item{width:50vw}}@media(max-width:420px){.certificates-header{font-size:2vh;margin-bottom:0;margin-top:10vh}.verify-button{font-size:2.2vw;width:fit-content;height:2.5vh}}.experience-detail{margin-top:15vh;display:flex;flex-direction:column;align-items:center}.top{display:flex;align-items:center;justify-content:center;width:100%;position:relative}.goback{position:absolute;left:2vw;background:none;border:none;cursor:pointer}.arrow{width:1.5vw;display:block}.headingdet{margin:0;text-align:center}.worklist h2{margin-top:9vh;margin-bottom:0;list-style:disc}@media(max-width:1200px){.experience-detail{margin-left:12vh;margin-right:12vh}.headingdet{font-size:4vh}.worklist h2{font-size:3vh}.arrow{width:2.5vw}}@media(max-width:900px){.experience-detail{margin-left:8vh;margin-right:8vh}.worklist h2{font-size:2.7vh;margin-top:7vh}ul{font-size:2vh}.arrow{width:3.5vw}}@media(max-width:600px){.experience-detail{margin-left:4vh;margin-right:4vh}.headingdet{font-size:3vh}.worklist h2{font-size:2.3vh;margin-top:5vh}ul{font-size:1.7vh}.arrow{width:4.5vw}}@media(max-width:420px){.experience-detail{margin-left:0vh;margin-right:2vh}.headingdet{font-size:2vh}.worklist h2{font-size:1.5vh;margin-top:4vh}ul{font-size:1vh}.arrow{width:6vw}}footer{margin-top:7rem;background-color:var(--box-color);color:var(--text-color);border-top:1px solid var(--line-color)}.footer-content{height:auto;padding:1rem 3vw;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;color:var(--text-color);font-size:.9vw}.footer-link{color:#8181d5;text-decoration:underline}.footer-link:hover{color:#7fbfff}.footcontainer h2{margin:0 0 .5rem}footer p{margin:0}.copyright{align-self:flex-end;right:0;font-size:1.6vh}@media(max-width:1200px){.footer-content{font-size:1.7vh}}@media(max-width:900px){.footer-content{font-size:1.7vh}}@media(max-width:600px){.footer-content{flex-direction:column;align-items:flex-start;font-size:1.4vh;margin-left:1vh}.copyright{margin-top:1vh;font-size:1vh;margin-right:1vh}footer p{margin-bottom:0;align-self:end}}