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}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:none;border-radius:4px;padding:.5em 1em;font-size:1em}.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:#222;background:#8b6f15}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:#23272a}html.darkmode th{color:#fdc611;border-bottom:1px solid #444}html.darkmode td{color:#e0e0e0}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:"}}