:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--text-primary);background-color:var(--bg-main);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-main: #fff8dc;--bg-section: #deb887;--bg-section-about: #b8860b;--bg-subsection-experience: #fff8dc;--text-primary: rgba(34, 34, 34, .9);--text-secondary: ;--bg-btn: #ffebcd;--btn-color: black;--btn-border: #fff8dc;--ul-li-a-color: #222;--footer-a-color: #222;--intro-image-border-color: #222;--experience-subsection-color: #b8860b;--experience-a-hover: #ffd700}html[data-theme=dark]{--bg-main: #242424;--bg-section: #333;--bg-section-about: #00aaff;--bg-subsection-experience: #555;--text-primary: rgba(255,255,255,.85);--text-secondary: ;--bg-btn: #444;--btn-color: white;--btn-border: #555;--ul-li-a-color: white;--footer-a-color: #00aaff;--intro-image-border-color: #696969;--experience-subsection-color: #00aaff;--experience-a-hover: #7d42eb}html{transition:brackground-color .25s ease,color .25s ease}*{transition:brackground-color .25s ease,color .25s ease,border-color .25s ease}body{font-size:large;margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}a{font-weight:500;color:var(--experience-subsection-color);text-decoration:inherit;transition:color .3s ease}a:hover{color:var(--experience-a-hover)}h1{font-size:3.2em;line-height:1.1}h2{font-size:1.8em;line-height:.3}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--bg-btn);cursor:pointer;transition:border-color .25s,transform .2s ease-in-out}button:hover{border-color:var(--btn-border);transform:scale(1.05)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(max-width:768px){body{font-size:medium;padding:10px}h1{font-size:2.5em}h2{font-size:1.5em}button{font-size:.9em;padding:.5em 1em}}@media(max-width:480px){h1{font-size:2em}h2{font-size:1.3em}button{font-size:.85em;padding:.5em .8em}}.navbar{display:flex;align-items:center;background:var(--bg-section);padding:10px;border-radius:10px;box-shadow:0 4px 10px #0000001a;margin:20px}.navbar-menu{flex-grow:1;display:flex;justify-content:center}.navbar-menu ul{list-style:none;display:flex;justify-content:center;gap:10px;padding:0}.navbar-menu ul li{text-decoration:none}.navbar-menu ul li a{color:var(--a-color);font-size:1.2em;padding:10px}.navbar-language,.navbar-theme-mode{display:flex;flex-shrink:0}.navbar-language{padding-right:.2em}.navbar-theme-mode{position:relative;padding-left:.2em}[class*=navbar-button]{padding:8px 10px;font-size:160%;border:2px solid var(--btn-border);border-radius:8px;background:var(--bg-btn);color:var(--btn-color);cursor:pointer;outline:none;text-align:center;transition:background .3s,border .3s}[class*=navbar-button]:hover{background:var(--bg-btn)}@media(max-width:768px){.navbar{padding:5px;margin:10px;flex-direction:row;justify-content:space-between}.navbar-menu ul{flex-direction:column;align-items:center}.navbar-menu ul li a{font-size:1.5em}.navbar-language{padding-right:10px}.navbar-button-language{font-size:140%}}@media(max-width:480px){.navbar{padding:5px;margin:10px;flex-direction:row;justify-content:space-between}.navbar-menu ul{flex-direction:column}.navbar-menu ul li a{font-size:1.3em}.navbar-language{margin-top:0;margin-left:0;padding-right:10px}.navbar-button-language{font-size:140%}}.home{display:flex;align-items:center;justify-content:space-between;padding:50px}.intro-image{flex:1;min-width:200px;max-width:400px}.intro-image img{border-radius:5%;border:3px solid var(--intro-image-border-color);width:90%;margin-left:.5rem}.intro-text{flex:1;padding:1rem;width:60%}@media(max-width:768px){.home{flex-direction:column;align-items:center;padding:20px}.intro-text{width:100%;text-align:center}.intro-image{text-align:center}.intro-image img{width:80%}}@media(max-width:480px){.home{padding:10px;flex-direction:column}.intro-text{padding:30px;margin:0 30px;width:90%}.intro-image{text-align:center}.intro-image img{width:70%}}.about{text-align:center;padding:50px;background-color:var(--bg-section-about);border-radius:10px;box-shadow:0 4px 10px #0000001a;margin:50px}@media(max-width:768px){.about{padding:30px;margin:30px}}.experience{padding:50px 10%;text-align:center;background-color:var(--bg-section);border-radius:10px;box-shadow:0 4px 10px #0000001a;margin:50px}.experience h2{padding-bottom:5%}.experience-item{margin-bottom:50px}.experience-item h3{color:var(--experience-subsection-color);background-color:var(--bg-subsection-experience);border-radius:10px;box-shadow:0 4px 10px #0000001a;padding:15px;margin-top:24px;font-size:2em}.experience-item p{margin-bottom:15px;line-height:1.6}.experience-points{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.point-card{background-color:var(--bg-subsection-experience);border-radius:10px;box-shadow:0 4px 10px #0000001a;padding:15px;flex:1 1 calc(33.33% - 20px);max-width:250px;box-sizing:border-box;transition:transform .3s ease,box-shadow .3s ease}.point-card p{height:100%;margin:0;display:flex;align-items:center}.point-card:hover{transform:translateY(-5px);box-shadow:0 6px 15px #00000026}@media(max-width:768px){.experience{padding:30px;margin:30px}}@media(max-width:480px){.experience{padding:30px;margin:30px}.point-card{flex:1 1 calc(100% - 20px)}}footer{background-color:var(--bg-section);color:var(--text-primary);font-weight:700;text-align:center;border-radius:10px;box-shadow:0 4px 10px #0000001a;margin:20px}.footer-text{display:inline-block;margin:0;padding:10px;text-align:left;font-size:1.2em}footer p{font-style:italic}.footer-links{display:inline-block;margin:0;padding:10px;vertical-align:-10px}footer a{color:var(--footer-a-color);text-decoration:none;font-size:2em;padding:10px}#root{width:100%;max-width:1400px;margin:0 auto;padding:1rem}@media(max-width:768px){#root{max-width:768px;padding:.5rem}h1{font-size:2.5em}}@media(max-width:480px){#root{padding:.2rem;margin:5px auto}h1{font-size:2em}h2{font-size:1.8em}h3 div{font-size:1.5em}p{font-size:1.2em}}