@font-face{font-family:Ogg;src:url("/assets/fonts/Ogg-Regular.otf") format("opentype")}:root{--cremita: #FDFAF1;--melocoton: #FADFD2;--menta: #C6DECF;--lila: #DEBEEF;--morado: #59529C;--noche: #02273A;--gradiente: linear-gradient(90deg, var(--lila) 0%, var(--cremita) 33%, var(--melocoton) 66%, var(--menta) 100%)}[data-section-theme=cremita]{--background-color: var(--cremita);--text-color: var(--noche);--accent-color: var(--morado)}[data-section-theme=noche]{--background-color: var(--noche);--text-color: var(--lila);--accent-color: var(--menta)}[data-section-theme=lila]{--background-color: var(--lila);--text-color: var(--noche);--accent-color: var(--morado)}[data-section-theme=menta]{--background-color: var(--menta);--text-color: var(--noche);--accent-color: var(--morado)}[data-section-theme=morado]{--background-color: var(--morado);--text-color: var(--cremita);--accent-color: var(--menta)}[data-section-theme=gradiente]{--background-color: var(--gradiente);--text-color: var(--noche);--accent-color: var(--morado)}*{padding:0;margin:0;box-sizing:border-box}::selection{color:var(--morado);background:var(--menta)}body{font-family:DM Sans,sans-serif;background-color:var(--lila)}section{padding:3rem 0;border-bottom:3px solid var(--noche)}section h2{color:var(--accent-color);margin-block-end:.8rem}section h2:not(:first-child){margin-block-start:2rem}section p:not(:last-child){margin-block-end:1rem}section hr{margin-block:1rem;border-top:3px solid var(--accent-color)}@media screen and (min-width: 700px){section{padding:6rem 0}}a{text-decoration:none;color:var(--text-color)}a:hover{color:var(--accent-color);text-decoration:underline;text-decoration-style:dotted;text-decoration-thickness:4px;text-decoration-color:var(--accent-color)}p,li{font-weight:400;font-size:1.125rem;line-height:1.8;color:var(--text-color)}p a,li a{text-decoration:underline}strong{font-weight:600}ul{list-style:none;padding-block-start:0}li{position:relative;padding-inline-start:1rem}li::before{content:"⟡";position:absolute;left:0;color:var(--accent-color);font-size:inherit;line-height:inherit}[data-section-theme]{background:var(--background-color);color:var(--text-color)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.container-xl{max-width:1200px}.container-l{max-width:1000px}.container-m{max-width:800px}.container-s{max-width:600px}.container-xl,.container-l,.container-m,.container-s{padding:0 2rem;margin:0 auto}.grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:2rem}.title-xl{font-family:Ogg,serif;font-size:clamp(2.5rem,5vw,3.5rem);text-transform:lowercase;font-weight:400;line-height:1.2}.title-l{font-family:Ogg,serif;font-size:clamp(1.8rem,5vw,2.5rem);text-transform:lowercase;font-weight:400;line-height:1.2}.title-m{font-family:DM Sans,sans-serif;font-size:2rem;font-weight:400;text-transform:lowercase}.title-s{font-family:DM Sans,sans-serif;font-size:1.125rem;font-weight:700;line-height:1.8;text-transform:uppercase;letter-spacing:.07em}.body{font-family:DM Sans,sans-serif;font-size:1.125rem;line-height:1.8}.caption{font-family:DM Sans,sans-serif;font-size:1rem;line-height:1.8}.title-m{color:var(--accent-color)}.title-xl,.title-s,.body,.caption{color:var(--text-color)}.title-xl,.title-l,.title-m,.title-s,.body,.caption{text-wrap:balance}.card img{margin-bottom:1.2rem;display:block;width:100%;object-fit:cover;border-radius:.75rem;border:3px solid var(--noche)}.card h3+p{margin-top:.4rem}.sussie-logo{display:block;width:4rem}.the-header{height:3rem;border-bottom:3px solid var(--noche)}.the-header nav{height:100%;display:flex;justify-content:space-between;align-items:center}.the-header__logo svg{color:var(--accent-color)}.the-header__logo svg:hover{color:var(--text-color)}.the-header__links{display:none}@media screen and (min-width: 700px){.the-header{height:5rem}.the-header__links{display:flex;align-items:center;gap:1.5rem}.the-header__links a{text-decoration:none}.the-header__links li::before{content:""}}.the-contact h2{color:var(--accent-color)}.the-footer{padding:2rem 0}.the-footer>div{text-align:right}@media screen and (min-width: 700px){.the-footer{min-height:5rem}}.open-to-work{display:none;position:fixed;bottom:-140px;left:-140px;width:280px;height:280px;z-index:1000;background-image:url("/assets/img/open-to-work.svg");background-size:cover;transform:rotate(0deg);transform-origin:center;will-change:transform;animation:open-to-work-rotate linear both;animation-timeline:scroll(root block);animation-range:0% 100%}.open-to-work:hover{cursor:pointer}@media(prefers-reduced-motion: reduce){.open-to-work{animation:none;transform:none;will-change:auto}}@media screen and (min-width: 700px){.open-to-work{display:block}}@keyframes open-to-work-rotate{from{transform:rotate(0deg)}to{transform:rotate(270deg)}}.resume{border:3px solid var(--noche);padding:4rem;display:grid;grid-template-columns:1fr 1fr 3fr 100px;grid-template-rows:300px repeat(4, auto);grid-gap:2rem;grid-template-areas:"name name name title" "contact contact experience experience" "summary summary experience experience" "skills skills experience experience" "education education experience experience"}@media print,screen and (max-width: 970px){.resume{grid-template-areas:"name name name title" "summary summary summary summary" "contact contact skills skills" "experience experience experience experience" "education education education education"}}@media screen and (max-width: 680px){.resume{padding:1rem;grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"name" "title" "contact" "skills" "summary" "experience" "education"}}.resume .box__name{grid-area:name;align-self:end}.resume .box__name h1{font-size:clamp(4rem,15vw,8rem);line-height:1}.resume .box__title{grid-area:title;align-self:end}.resume .box__title h2{margin:0;line-height:1.2;height:300px;word-break:break-word;writing-mode:vertical-rl}@media print,screen and (max-width: 680px){.resume .box__title h2{writing-mode:horizontal-tb;height:auto;text-align:right}}.resume .box__summary{grid-area:summary}.resume .box__experience{grid-area:experience}.resume .box__skills{grid-area:skills}.resume .box__skills ul{display:flex;flex-wrap:wrap;column-gap:.25rem}.resume .box__contact{grid-area:contact}.resume .box__education{grid-area:education}.resume .title-s:not(.title-m+.title-s){margin-top:2rem}.resume .title-xl{color:var(--accent-color)}.resume .title-s+.caption{margin:0 0 .75rem;opacity:.5}.resume .title-xl{text-transform:none}@media print{:root{font-size:10px}.resume{border:none;grid-template-rows:repeat(5, auto);padding:4rem 8rem}.resume .title-m{text-transform:none;font-size:1.5rem}.resume .box__name h1{font-size:5rem}}/*# sourceMappingURL=resume.css.map */