nav{position:-webkit-sticky;position:sticky;top:0}.navbar-container{background-color:var(--nav-background-color);padding:10px 20px}.navbar{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;color:var(--nav-text-color)}.navbar-left h2{margin:0;font-size:24px}.navbar-right{display:none}.navbar-right a{color:var(--nav-text-color);text-decoration:none;margin-left:20px;font-size:18px;transition:color .3s}.navbar-right a:hover{color:#ddd}.navbar{flex-wrap:wrap}.overlay{height:100%;width:0;position:fixed;z-index:1;top:0;right:0;background-color:#000;background-color:#000000e6;overflow-x:hidden;transition:.5s}.overlay-content{position:relative;top:25%;width:100%;text-align:center;margin-top:30px}.overlay a{padding:8px;text-decoration:none;font-size:36px;color:#818181;display:block;transition:.3s}.overlay a:hover,.overlay a:focus{color:#f1f1f1}.overlay .closebtn{position:absolute;top:20px;right:45px;font-size:60px;cursor:pointer}@media (min-width: 768px){.navbar-right{display:flex;align-items:center;list-style:none}.overlay-trigger,.overlay{display:none}}.overlay.open{width:100%}.custom-select{width:150px;border:1px solid #ccc;position:relative;cursor:pointer;margin:0 auto}@media (min-width: 768px){.custom-select{margin:0 10px}}.selected-option{padding:10px;background-color:gray;display:flex;align-items:flex-end;gap:0 10px}.options{display:none;position:absolute;background-color:#000;top:100%;left:0;right:0;z-index:10;box-shadow:0 2px 4px #0003}.options .option{padding:10px;border-bottom:1px solid #eee;transition:background-color .2s;display:flex;align-items:flex-end;gap:0 10px}.options .option:hover{background-color:#a9a9a9}.custom-select:hover .options{display:block}.arrow{display:inline-block;margin-left:10px;transition:transform .3s ease-in-out}.arrow.open{transform:rotate(-180deg)}.icon-language{width:20px;height:20px}.theme-switch-wrapper{display:flex;align-items:center;justify-content:center;margin:5px 10px}.theme-switch{position:relative;display:inline-block;width:60px;height:34px}.theme-switch input{display:none}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.5s;border-radius:50%}.theme-switch input:checked+.slider:before{transform:translate(26px)}.icon{position:absolute;display:flex;align-items:center;justify-content:center;height:100%;font-size:23px}.icon.sun{left:5px;transition:opacity .25s}.icon.moon{right:5px;opacity:0;transition:opacity .25s}.theme-switch input:checked+.slider .sun{opacity:0}.theme-switch input:checked+.slider .moon{opacity:1}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.hero-banner{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;margin:50px auto 24px;min-height:50vh;max-width:1200px}@media only screen and (min-width: 768px){.hero-banner{flex-direction:row}}.hero-banner .image-wrapper{border-radius:50%;width:350px;overflow:hidden;height:350px;box-shadow:0 0 10px #0000001a}.hero-banner .image-wrapper img{width:100%;height:115%;object-fit:cover}.hero-banner .introduction-wrapper{width:350px}#about .experience-wrapper{display:grid;justify-items:center;align-items:center;grid-template-columns:1fr;justify-content:center;align-content:center;flex-direction:column;gap:16px}@media only screen and (min-width: 768px){#about .experience-wrapper{flex-direction:row;grid-template-columns:50% 1fr}}#about .experience-wrapper .experience-card{width:100%;height:100%}#about .experience-wrapper img{width:50px;margin:4px}#about .description{margin-top:24px;text-align:justify;line-height:24px}section{text-align:center;padding:60px 0 0;margin:24px 20px;max-width:1200px}@media only screen and (min-width: 1232px){section{margin-right:auto;margin-left:auto}}section .subtitle{text-align:center}section .title{font-size:2rem;text-align:center;margin-bottom:12px}.experience-card{border:1px solid black;border-radius:12px;flex-basis:100%;padding:16px}.experience-card p{white-space:break-spaces}#experience .skills-wrapper{display:grid;justify-items:center;align-items:center;grid-template-columns:1fr;justify-content:center;align-content:center;flex-direction:column;gap:16px}@media only screen and (min-width: 768px){#experience .skills-wrapper{flex-direction:row;grid-template-columns:50% 1fr}}#experience .skills{border:1px solid black;border-radius:12px;flex-basis:100%;height:100%;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px 24px;justify-content:center;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:5px 10px}#experience .skills img{width:54px;margin:4px;padding:4px}#experience .skill{display:flex;justify-content:center;align-items:center;flex-direction:column}#experience fieldset{padding:12px}#experience legend{text-align:left;margin-left:20px;font-size:18px;font-weight:600;padding:0 10px}#projects{scroll-behavior:smooth}#projects .technologies-wrapper{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 12px}#projects .technology-pill{border:1px solid black;border-radius:12px;padding:5px 10px;box-shadow:0 0 5px #0003}#projects .project-card-wrapper{display:grid;justify-content:center;align-items:center;margin:0 auto;max-width:1200px;grid-template-columns:50% 1fr;gap:16px}@media screen and (max-width: 768px){#projects .project-card-wrapper{grid-template-columns:1fr}}#projects .project-card-wrapper .project-card{border:1px solid black;border-radius:12px;padding:24px;height:100%;display:flex;flex-direction:column;gap:15px;justify-content:top;align-items:center}#projects .project-card-wrapper .project-card img{width:80%;border-radius:12px}#projects .project-card-wrapper .project-description{line-height:24px;text-align:justify}#projects .project-link-wrapper{display:flex;justify-content:center;align-items:center;gap:16px}#projects .project-link{text-decoration:none;color:#000;font-weight:900;text-transform:uppercase;padding:8px 16px;border:1px solid black;border-radius:12px;transition:all .3s ease}#projects .project-link:hover{background-color:#000;color:#fff}body.no-scroll{overflow:hidden}h1{font-weight:900;text-transform:uppercase}#contact{scroll-behavior:smooth}#contact .social-wrapper{display:inline-flex;margin:20px 10px}#contact .content{display:flex;flex-direction:column;align-items:center;justify-content:center}#contact a{text-decoration:none;color:var(--text-color)}#contact img{width:50px}footer{text-align:center}#root{margin:0 auto}*,*:after,*:before{margin:0;padding:0;font-family:Open Sans,sans-serif;scroll-behavior:smooth;box-sizing:border-box}:root{--background-light: #ffffff;--text-light: #000000;--nav-text-light: #ffffff;--nav-background-light: #333333;--background-dark: #363537;--text-dark: #FAFAFA;--nav-text-dark: #333333;--nav-background-dark: #ffffff}body[data-theme=light]{--background: var(--background-light);--text-color: var(--text-light);--nav-text-color: var(--nav-text-light);--nav-background-color: var(--nav-background-light)}body[data-theme=dark]{--background: var(--background-dark);--text-color: var(--text-dark);--nav-text-color: var(--nav-text-dark);--nav-background-color: var(--nav-background-dark)}body{background-color:var(--background);color:var(--text-color);transition:background-color .3s,color .3s;margin-bottom:50px}