code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;overflow-x:hidden}body{background-color:#444;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;word-wrap:break-word}#root{height:100%;width:100%}h1,h2,h3{margin:0;font-weight:400}.lg-heading{font-size:6rem}.text-secondary{color:#eece1a}.sm-heading{margin-bottom:2rem;padding:.2rem 1rem}a{color:#fff}header{position:fixed;z-index:2;width:100%}.language-switcher{position:fixed;top:20px;left:20px;z-index:3;display:flex;gap:.5rem}.lang-btn{background:#333c;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;border-radius:20px;cursor:pointer;font-size:.9rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lang-btn:hover{background:#eece1acc;color:#000;transform:translateY(-2px)}.lang-btn.active{background:#eece1a;color:#000;border-color:#eece1a}main{padding:4rem;height:100%}main#home{padding:0;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.icons{margin-top:1rem}.icons a{padding:.4rem}.icons a:hover{color:#eece1a;transition:all .7s ease-out}#home h1{margin-top:0}#bg-img{position:relative;background-image:url(./background-CdsnPamQ.jpg);background-attachment:fixed;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.9}#bg-img:before{content:"";position:absolute;inset:0;background-image:url(./background-CdsnPamQ.jpg);background-attachment:fixed;background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(2px);opacity:.8;z-index:-2}.overlay{position:absolute;background:#4444444d;top:0;right:0;width:100%;height:100%;z-index:-1}.hamburger-line{width:28px;height:3px;background:#fff;margin-bottom:5px}.hamburger{position:absolute;top:35px;right:35px;cursor:pointer;transition:all .6s ease-out;z-index:4}.close{transform:rotate(180deg)}.menu{visibility:hidden;width:100%;top:0;position:fixed;transition:all .5s ease-out;opacity:0;transform:scale(.8)}.show{visibility:visible;opacity:1;transform:scale(1)}.menu-branding,.menu-nav{display:flex;flex-flow:column wrap;width:50%;justify-content:center;align-items:center;height:100vh;float:left;overflow:hidden;transition:all .5s ease-out;transform:scale(.7);opacity:0}.show .menu-branding{transform:scale(1);opacity:1;transition-delay:.1s}.show .menu-nav{transform:scale(1);opacity:1;transition-delay:.2s}.menu-nav{margin:0;padding:0;background:#333c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);list-style:none;border:1px solid rgba(255,255,255,.1)}.menu .nav-link{display:inline-block;position:relative;font-size:30px;text-transform:uppercase;padding:16px;font-weight:400;text-decoration:none;transition:all .4s ease-out;transform:scale(.5);opacity:0}.show .nav-link{transform:scale(1);opacity:1}.show .nav-link:nth-child(1){transition-delay:.4s}.show .nav-link:nth-child(2){transition-delay:.5s}.show .nav-link:nth-child(3){transition-delay:.6s}.show .nav-link:nth-child(4){transition-delay:.7s}.nav-link:hover{color:#eece1a}.menu-branding{background:#777777b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.portrait{width:250px;height:250px;background:url(./portrait-CisN9uQM.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:50%;border:3px solid #eece1a;margin:auto;display:block;box-shadow:0 8px 20px #0000004d;transition:all .6s ease-out;transform:scale(0);opacity:0}.show .portrait{transform:scale(1);opacity:1;transition-delay:.3s}.portrait:hover{transform:scale(1.05);box-shadow:0 12px 30px #eece1a4d}.about-info{display:grid;grid-gap:30px;grid-template-areas:"bioimage bio bio" "job1 job2 job3";grid-template-columns:repeat(3,1fr)}#about{max-width:1440px;margin:auto}.bio-title{font-size:38px}.bio-img{grid-area:bioimage;width:250px;height:250px;margin:auto;border-radius:50%;border:3px solid #eece1a;object-fit:cover;object-position:center;display:block;box-shadow:0 8px 20px #0000004d;transition:all .3s ease}.bio-img:hover{transform:scale(1.05);box-shadow:0 12px 30px #eece1a4d}.bio{grid-area:bio;font-size:22px}.job{margin-top:50px;background:#515151cc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:.5em;border-bottom:3px solid #eece1a;border:1px solid rgba(255,255,255,.1);border-radius:10px;min-height:300px;transition:all .3s ease}.job:hover{background:#515151e6;transform:translateY(-5px);box-shadow:0 10px 20px #0000004d}.job-1{grid-area:job1}.job-2{grid-area:job2}.job-3{grid-area:job3}.skill-item{margin-bottom:1.5rem;padding:1rem;border-left:3px solid #80ed99;background:#ffffff1a;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.skill-item:hover{background:#ffffff26;transform:translate(10px)}.skill-header{font-size:1.2rem;font-weight:700;color:#80ed99;margin-bottom:.5rem}.skill-content{font-size:.9rem;color:#e0e6ed;line-height:1.4}.job-item{margin-bottom:1.5rem;padding:1rem;border-left:3px solid #48cae4;background:#ffffff1a;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.job-item:hover{background:#ffffff26;transform:translate(10px)}.job-title{font-size:1.2rem;font-weight:700;color:#48cae4;margin-bottom:.5rem}.company-name{font-size:1rem;font-weight:600;color:#80ed99;margin-bottom:.3rem}.job-period{font-size:.9rem;color:#b5bdc8;font-style:italic;margin-bottom:.5rem}.job-description{font-size:.9rem;color:#e0e6ed;line-height:1.4}.education-item{margin-bottom:1.5rem;padding:1rem;border-left:3px solid #f72585;background:#ffffff1a;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.education-item:hover{background:#ffffff26;transform:translate(10px)}.institution-name{font-size:1.2rem;font-weight:700;color:#f72585;margin-bottom:.3rem}.education-period{font-size:.9rem;color:#b5bdc8;font-style:italic;margin-bottom:.5rem}.education-description{font-size:.9rem;color:#e0e6ed;line-height:1.4}.me-info{margin-bottom:1.5rem}#Jobs,#Edu,#Skills{max-width:100%}.boxes{display:flex;justify-content:space-evenly;flex-wrap:wrap;margin-top:3rem;align-items:center}.boxes div{font-size:2rem;border:3px solid rgba(255,255,255,.3);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:3rem;padding:1.5rem 2.5rem;border-radius:15px;transition:all .5s ease-out}.boxes div:hover{padding:.5rem 1.5rem;background:#eece1a;color:#000}.boxes div:hover span{color:#000}.projects{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px}.projects img{width:100%;border:3px solid #ccc}.project-title{text-align:center;font-size:20px;margin-bottom:8px}.item a{margin-left:10px;display:block}.item i{margin:0 10px}.work-btn{padding:6px 8px;margin-bottom:6px}.work-btn:hover{background:#eece1a}.btn-dark{background:#000}.btn-light{background:#ccc;color:#333}@media(max-width:768px){main{padding:2rem 1rem;align-items:center;text-align:center}.lg-heading{font-size:3rem;line-height:1;margin-bottom:1rem}.small-heading{font-size:1.2rem;margin-bottom:1rem}main#home{padding:1rem}main#home h1{margin-top:10vh;font-size:2.5rem}main#home h2{font-size:1rem}.icons{margin-top:2rem;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.icons a{padding:.5rem}.menu-nav,.menu-branding{float:none;width:100%}.menu-branding{height:35vh}.menu-nav{height:65vh}.portrait{width:150px;height:150px}.skill-item,.job-item,.education-item{margin-bottom:1rem;padding:.75rem}.skill-header,.job-title,.institution-name{font-size:1rem}.company-name{font-size:.9rem}.skill-content,.job-description,.education-description,.job-period,.education-period{font-size:.8rem}.about-info{grid-template-areas:"bioimage" "bio" "job1" "job2" "job3";grid-template-columns:1fr;gap:1rem}.bio-img{width:200px;height:200px;margin:0 auto 2rem}.job{margin-bottom:1rem}.projects{grid-template-columns:1fr;gap:1rem}.project-title{font-size:16px}.project{margin-bottom:1rem}.lg-heading{font-size:3rem}.boxes div{font-size:1.2rem;padding:1rem;margin-bottom:1rem}.language-switcher{top:10px;left:10px;gap:.3rem}.lang-btn{padding:.4rem .8rem;font-size:.8rem}}@media(max-width:500px){.lg-heading{font-size:2rem}main#home h1{font-size:2rem}main#home h2{font-size:.9rem}main{padding:1rem .5rem}.skill-item,.job-item,.education-item{padding:.5rem;margin-bottom:.75rem}.boxes div{font-size:1rem;padding:.75rem}.language-switcher{top:5px;left:5px}.lang-btn{padding:.3rem .6rem;font-size:.7rem}}