:root{--color-primary:#d60093;--color-secondary:#06c;--color-accent:#00d644;--color-accent-secondary:#facc15;--color-background:#f1f5f9;--color-background-secondary:#e2e8f0;--color-text:#1e293b;--color-text-secondary:#64748b}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--color-background);color:var(--color-text);font-family:sans-serif}body{width:100%;max-width:90ch;margin:0 auto;padding:1rem;line-height:1.5}main{padding:0 1rem}h1{margin:1rem 0;font-size:1.5rem}h2{margin-top:1.5rem;margin-bottom:.5rem;font-size:1.25rem}h3{margin:.5rem 0 0;font-size:1.125rem;transform:translate(-.5rem)}h3:before{content:"◾️";margin-right:.5rem}ul,ol,dl{margin-top:4px;margin-bottom:16px}li{margin-bottom:8px;margin-left:16px}dl{flex-wrap:wrap;display:flex}dt{width:30%;margin:0;font-weight:700}dd{width:70%;margin:0 0 .5rem}details p{border-left:2px solid var(--color-primary);background-color:var(--color-background-secondary);margin-left:1rem;padding:.5rem}.content-container{width:90%;margin-left:32px}.box-container{text-align:justify;background-color:var(--color-background-secondary);border-radius:8px;align-items:center;margin:0 auto;padding:1rem}.menu{z-index:10;display:block;position:relative}.hamburger{cursor:pointer;z-index:20;width:30px;position:fixed;top:20px;right:20px}.hamburger span{background-color:#333;width:100%;height:3px;margin:5px 0;transition:all .4s;display:block}:has(.hamburger[open=true]) .hamburger span:first-child{transform:rotate(45deg)translate(5px,5px)}:has(.hamburger[open=true]) .hamburger span:nth-child(2){opacity:0}:has(.hamburger[open=true]) .hamburger span:nth-child(3){transform:rotate(-45deg)translate(6px,-6px)}.my-name-container{background-color:var(--color-background);border-bottom:2px solid var(--color-text);z-index:5;width:min(90ch - 2rem,100% - 2rem);margin:0 1rem;padding:16px 0 8px;display:block;position:fixed;top:0;left:50%;transform:translate(-50%)translate(-1rem)}.my-name-container a{text-align:left;color:var(--color-text);font-size:1.5rem;font-weight:700;text-decoration:none}.my-name-container span{margin-right:8px;display:inline-block}.nav-container{width:100%;padding:0}.nav-links{background-color:var(--color-background-secondary);pointer-events:none;opacity:0;box-sizing:border-box;z-index:10;width:100%;padding:20px;transition:opacity .3s;position:fixed;top:0;left:0}:has(.hamburger[open=true]) .nav-links{opacity:1;pointer-events:auto}.nav-links a{text-align:left;text-transform:uppercase;color:#0d0950;padding:10px 24px;font-size:1.2rem;font-weight:700;text-decoration:none;display:block}.nav-links a:hover,.nav-links a:focus{color:var(--color-primary)}.education-entry{margin-bottom:16px}.profile-container{width:100%;margin-bottom:1rem}.welcome-card{width:100%;margin:0}.profile-container .profile-image{object-fit:cover;width:min(100%,480px);height:auto;margin-right:1rem;display:block}.profile-container .profile-text{text-align:left}.profile-text p{margin-top:4px;font-weight:700}.welcome-card p{width:90%;text-justify:justify;margin:8px auto 0;font-size:1rem}footer{text-align:center;color:var(--color-text);border-top:1px solid var(--color-text-secondary);margin-top:2rem;padding:1rem 0;font-size:.875rem}@media screen and (width>=636px){.header-container{anchor-name:--anchor-header-container;background-color:var(--color-background);border-bottom:2px solid var(--color-text-secondary);z-index:10;align-items:center;gap:0;width:min(90ch - 2rem,100% - 2rem);margin:0 1rem;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)translate(-1rem)}header h1{margin-top:max(80px, calc(var(--anchor-header-container) + 16px));position-anchor:--anchor-header-container}.my-name-container{border:none;flex:64 .01 auto;width:auto;margin:0;padding:0 0 0 16px;position:static;transform:none}.my-name-container a{text-align:left;width:100%;color:var(--color-text);font-size:1.2rem;font-weight:700;text-decoration:none}.nav-container{flex:.1 64 auto;padding:0}.hamburger{display:none}.nav-links{opacity:1;pointer-events:auto;background-color:#0000;width:auto;margin:0;padding-left:0;padding-right:16px;display:block;position:static}.nav-links a{text-align:right;padding:0 16px;font-size:1rem;text-decoration:none;display:inline-block}#main-menu{flex-wrap:wrap;justify-content:flex-end;width:100%;list-style:none;display:flex}#main-menu a{text-align:right;padding-left:16px;text-decoration:none}.menu{display:none}.profile-container{justify-content:flex-start;align-items:top;margin-bottom:1rem;display:flex}.profile-container img{width:400px;height:auto;margin-right:1rem}.profile-container .profile-text{text-align:left}.profile-text p{margin-top:8px;font-weight:700}}