body{color:#222;background-color:#fff;flex-direction:column;min-height:100vh;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;display:flex}.skip-link{color:#111;z-index:9999;background:#fdc611;border-radius:4px;padding:8px 16px;font-weight:700;text-decoration:none;transition:top .2s ease-in-out;position:absolute;top:-100px;left:10px}.skip-link:focus{top:10px}:focus-visible{outline-offset:2px;outline:3px solid #06c}html.darkmode :focus-visible{outline-offset:2px;outline:3px solid #fdc611}header{color:#000;text-align:center;z-index:1000;background-color:#fdc611;padding:.25em 0;position:sticky;top:0}header h1{margin:.25em 0}.header-buttons{gap:10px;display:flex;position:absolute;top:10px;right:20px}.dark-toggle-btn{color:#fdc611;cursor:pointer;background:#222;border:1px solid #222;border-radius:4px;justify-content:center;align-items:center;padding:.5em 1em;font-size:1em;font-weight:600;display:inline-flex}.theme-icon{vertical-align:middle;transition:transform .4s cubic-bezier(.4,0,.2,1);display:inline-block}.dark-toggle-btn:hover .theme-icon{transform:rotate(45deg)}.dark-toggle-btn option{color:#fff;background-color:#222}.main-container{flex:100dvb;display:flex}main{flex:1;max-width:1400px;margin:0 auto;padding:20px 40px 60px}main a,main a:visited{color:#06c;transition:color .3s}main a:hover{color:#049}footer{color:#000;text-align:center;background-color:#fdc611;width:100%;padding:1em 0;position:fixed;bottom:0}footer a,footer a:visited{color:#222;text-decoration:underline}footer a:hover{color:#555}table{border-collapse:collapse;width:100%}th{text-align:left;border-bottom:1px solid #ccc;padding:8px}td{padding:8px}button#scrollToTop{z-index:1000;color:#222;cursor:pointer;background:#fdc611;border:none;border-radius:50%;width:48px;height:48px;font-size:1.5em;display:none;position:fixed;bottom:40px;right:40px;box-shadow:0 2px 8px #00000026}section#contact p{padding-bottom:20px}.profile-pic{float:right;opacity:0;border:3px solid #333;border-radius:50%;max-width:150px;margin-bottom:10px;margin-left:20px;transition:opacity .5s ease-in-out;box-shadow:0 4px 8px #00000026}.profile-pic.loaded{opacity:1}html.darkmode body{color:#e0e0e0;background-color:#181a1b}html.darkmode header{color:#fdc611;background-color:#222}html.darkmode .dark-toggle-btn{color:#111;background:#fdc611;border:1px solid #fdc611}html.darkmode .dark-toggle-btn option{color:#fff;background-color:#181a1b}html.darkmode main{color:#e0e0e0;background-color:#181a1b}html.darkmode footer{color:#fdc611;background-color:#222}html.darkmode footer a,html.darkmode footer a:visited{color:#fdc611}html.darkmode footer a:hover{color:#fff}html.darkmode table{color:#e0e0e0;background-color:#0000}html.darkmode th{color:#fdc611;border-bottom:1px solid #444}html.darkmode td{color:#e0e0e0}.job-position-title{font-weight:600}.job-details{color:#444;margin:6px 0 0;padding-left:18px;font-size:.9em;line-height:1.4}.job-details li{margin-bottom:4px}html.darkmode .job-details{color:#bbb}html.darkmode main a,html.darkmode main a:visited{color:#5da2ff}html.darkmode main a:hover{color:#8cc0ff}html.darkmode .profile-pic{border-color:#fdc611;box-shadow:0 4px 8px #fdc61166}@media (width<=800px){.main-container{flex-direction:column}aside{width:100%;min-height:auto;box-shadow:none;padding:10px 0}main{padding:20px}}@media (width<=600px){header{flex-direction:column;align-items:center;padding-bottom:10px;display:flex}.header-buttons{margin-top:5px;position:static}.profile-pic{float:none;margin:0 auto 20px;display:block}table thead{display:none}table,tbody,tr,td{box-sizing:border-box;width:100%;display:block}table,html.darkmode table{background-color:#0000}table tr{background:#fff;border:1px solid #ccc;border-radius:8px;margin-bottom:1.5rem;padding:5px 0;box-shadow:0 2px 4px #0000001a}html.darkmode table tr{background-color:#1e2124;border-color:#444}table td{text-align:left;border-bottom:1px solid #eee;padding:10px 10px 10px 45%;position:relative}html.darkmode table td{border-bottom:1px solid #333}table td:last-child,html.darkmode table td:last-child{border-bottom:none}table td:before{white-space:pre-wrap;text-align:left;width:40%;padding-right:10px;font-weight:700;position:absolute;left:10px}html[lang=en] #work-experience td:first-child:before{content:"Period:"}html[lang=en] #work-experience td:nth-child(2):before{content:"Position:"}html[lang=en] #work-experience td:nth-child(3):before{content:"Company:"}html[lang=en] #work-experience td:nth-child(4):before{content:"Location:"}html[lang=de] #work-experience td:first-child:before{content:"Zeitraum:"}html[lang=de] #work-experience td:nth-child(2):before{content:"Position:"}html[lang=de] #work-experience td:nth-child(3):before{content:"Firma:"}html[lang=de] #work-experience td:nth-child(4):before{content:"Ort:"}html[lang=es] #work-experience td:first-child:before{content:"Período:"}html[lang=es] #work-experience td:nth-child(2):before{content:"Puesto:"}html[lang=es] #work-experience td:nth-child(3):before{content:"Empresa:"}html[lang=es] #work-experience td:nth-child(4):before{content:"Ubicación:"}html[lang=en] #education table td:first-child:before{content:"Period:"}html[lang=en] #education table td:nth-child(2):before{content:"School:"}html[lang=en] #education table td:nth-child(3):before{content:"Degree:"}html[lang=de] #education table td:first-child:before{content:"Zeitraum:"}html[lang=de] #education table td:nth-child(2):before{content:"Schule:"}html[lang=de] #education table td:nth-child(3):before{content:"Abschluss:"}html[lang=es] #education table td:first-child:before{content:"Período:"}html[lang=es] #education table td:nth-child(2):before{content:"Escuela:"}html[lang=es] #education table td:nth-child(3):before{content:"Título:"}}
