@keyframes blink{50%{opacity:0}}*{box-sizing:border-box;margin:0;padding:0}html{color-scheme:light dark;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%}@media (min-width: 1280px){html{font-size:18px}}body{background-color:#191919;color:#e9e1e9;display:flex;flex-direction:column;font-family:Rubik,Inter,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;height:100svh;padding:3rem 0 0}@media (min-width: 640px){body{padding:5rem 0 0}}a{color:inherit;display:inline-block;text-decoration:none}p a span.text{color:#bbb;text-decoration:underline;text-decoration-color:#c66be4;text-underline-offset:.25rem}svg{width:100%;height:100%}span.icon{color:#c66be4;display:inline-flex;height:.6640625rem;margin:0 0 0 .25rem;width:.6640625rem}header div.wrapper{margin:0 auto;max-width:45rem;padding:1.5rem 1.5rem .5rem;display:flex;align-items:center;justify-content:space-between}header .header__img{display:flex;border:2px solid white;border-radius:50%;margin-right:.75rem;max-width:3.5rem;overflow:hidden}header .header__img img{border-radius:50%;height:100%;object-fit:cover;width:100%}header .header__text{min-width:max-content}header .header__text h1{font-family:Bricolage Grotesque,Rubik,Inter,Helvetica,Arial,sans-serif;font-size:1.675rem;font-weight:500}header .header__text h2{color:#c66be4;font-size:1.075rem;font-weight:300;line-height:1.2}article{margin:0 auto;max-width:45rem;padding:0 1.5rem;text-transform:lowercase}article p{line-height:1.625;margin:1.125rem 0}article p strong{color:#fff;font-weight:400}.projects{margin:0 auto;max-width:45rem;padding:1rem 1.5rem}.projects>h3{color:#bbb;font-weight:400;font-size:.875rem;text-transform:lowercase}.projects .project{list-style:none;text-transform:lowercase;padding:2rem 0 0}.projects .project__title{align-items:center;color:#fff;display:flex;font-size:1.0625rem;font-weight:400;padding:0 0 .375rem}.projects .project:first-child{padding:.75rem 0 0}.contact{margin:0 auto;max-width:45rem;padding:1rem 1.5rem 4rem}.contact>h3{color:#bbb;font-weight:400;font-size:.875rem;text-transform:lowercase}.contact p{padding:.75rem 0 0}footer{margin:auto 0 0}footer div{margin:0 auto;max-width:45rem;align-items:center;color:#bbb;display:flex;font-size:.875rem;justify-content:space-between;letter-spacing:-.5px;padding:.75rem 1.5rem}footer div p{line-height:1;padding:0 0 0 .375rem}footer div p:first-of-type{border:solid #c66be4;border-width:0 0 0 1px;margin:0 auto 0 .375rem}footer label{display:none}footer button{background:none;border:none;cursor:pointer;height:1rem;width:1rem}footer span.blink{animation:blink 1s cubic-bezier(.18,.89,.32,1.28) infinite;display:inline-block;font-size:1rem;margin:0 -.125rem}footer span.line{background-color:#c66be4;display:flex;height:1px;transform:scaleX(1);transform-origin:left}body.light{background-color:#f5f5f5;color:#444}body.light p a span.text{color:#666;text-decoration-color:#8c22af}body.light header h2 a{color:#8c22af}body.light header h2 span.icon{color:#666}body.light article p strong{color:#333}body.light .projects>h3{color:#666}body.light .projects .project__title{color:#333}body.light .projects .project__title span.icon{color:#8c22af}body.light footer div{color:#666}body.light footer div p:first-of-type{border:solid #8c22af;border-width:0 0 0 1px}body.light footer span.line{background-color:#8c22af}