header{text-align:center;font-size:.85em;line-height:1.75em}header a{border-color:var(--color-underline)}header button{user-select:all}header a:hover,header button:hover{color:var(--color-accent);border-bottom:.15em solid var(--color-accent)}:root[data-theme=light] #theme-btn-light,:root[data-theme=dark] #theme-btn-dark{display:initial}:root[data-theme=light] #theme-btn-dark,:root[data-theme=dark] #theme-btn-light{display:none}@media (prefers-color-scheme:dark){#theme-btn-light{display:none}}@media not (prefers-color-scheme:dark){#theme-btn-dark{display:none}}@media (width<=500px){header{font-size:12.5px}}#intro{justify-content:center;align-items:center;gap:2em;margin-top:12vh;margin-bottom:6vh;display:flex}#intro picture{width:10em;height:10em;box-shadow:.2em .2em 1em var(--color-shadow);background:var(--color-image-background);border-radius:.5em;overflow:hidden}#intro picture img{object-fit:cover;width:100%;height:100%}h1{width:min-content;max-width:12em;margin:0;font-size:2.2em;line-height:1.2em}h1 span{white-space:nowrap;display:inline-block}h1 span:after{content:" "}h1 strong{color:var(--color-accent);font-weight:700}#wave{padding-left:1.25em;display:inline-block}#wave span{cursor:default;margin-bottom:-.2em;animation:1.3s cubic-bezier(.25,.46,.45,.94) .4s forwards Waving;position:relative}#wave span:after{content:"👋";cursor:grab;transition:transform 50ms;position:absolute;bottom:0;right:0}#wave:active span:after{cursor:grabbing;transform:scale(.9)}@media (width<=740px){#intro picture{width:7.8em;height:7.8em}h1{font-size:1.6em}}@media (width<=500px){#intro{flex-direction:column;margin-top:8vh;margin-bottom:4vh}h1{text-align:center;font-size:1.4em;line-height:1.1em}}@keyframes Waving{0%{transform:rotate(0)}13%{transform:rotate(8deg)}26%{transform:rotate(0)}39%{transform:rotate(10deg)}52%{transform:rotate(0)}65%{transform:rotate(8deg)}76%{transform:rotate(-2deg)}90%{transform:rotate(8deg)}to{transform:rotate(-1deg)}}#contact{text-align:center;margin:0;padding:0;list-style:none}#contact li{display:inline-block}#contact a{border-color:var(--color-underline);margin:.3em 1.4em;padding:.1em 0;font-size:1.2em}#contact a:focus-visible,#contact a:hover{color:#fff;background-color:var(--color-accent);box-shadow:.5em .5em 1em var(--color-shadow);border:none;border-radius:.5em;margin:0;padding:.4em 1.4em}#contact a:active{opacity:.8}@media (width<=740px){#contact a{margin:.3em 1em;font-size:1em}#contact a:focus-visible,#contact a:hover{padding:.4em 1em}}@media (width<=500px){#contact{text-align:center;flex-direction:column;gap:.6em}}#projects{margin-top:10vh;padding:3em}#projects h2{margin-top:4em}#main-project,.projects{padding:3em}#main-project{box-shadow:.5em .5em 3em var(--color-shadow);background-color:var(--color-card-background);border-radius:20px}.card{grid-template-columns:240px 1fr;grid-template-areas:"title desc""links desc""hr hr";gap:.5em 2em;display:grid}.card:has(picture img){grid-template-areas:"image title""image desc""links desc""hr hr"}.card hr{grid-area:hr}.card-image{grid-area:image}.card-title{grid-area:title}.card-links{grid-area:links}.card-desc{grid-area:desc}@supports not selector(:has(p)){.card-image{display:none}}.card:has(picture img) picture{display:initial}.card picture{display:none}.card picture img{object-fit:cover;background:var(--color-image-background);border-radius:.5em;width:100%;max-width:16em;height:10em;margin-left:-.5em;display:block}:root[data-theme=dark] .card picture img.light-preview,:root[data-theme=light] .card picture img.light-preview{display:initial}:root[data-theme=dark] .card picture img.light-preview,:root[data-theme=light] .card picture img.dark-preview{display:none}@media (prefers-color-scheme:dark){.card picture img.light-preview{display:none}}@media not (prefers-color-scheme:dark){.card picture img.dark-preview{display:none}}.card-heading{justify-content:space-between;gap:.5em;display:flex}#main-project h2,.card h3{word-break:keep-all;margin:0;font-size:1.4em;line-height:1em}.card-tags{align-items:center;gap:.5em;display:inline-flex}.card-tags img{border-radius:2px;width:1em;height:1em}.card .card-title>span{opacity:.8;margin:0;font-size:.8em}.card:not(.with-image) .card-desc{margin:0}.card p{text-align:left;margin:1em 0 1.5em}.card .card-links{margin:0;font-size:16px;line-height:1.2em}.card-links a{align-items:center;column-gap:.4em;width:fit-content;margin-top:.4em;display:flex}.card-links a[href=\#]{display:none}.card button:active{opacity:.7}#projects hr{opacity:.2;background-color:var(--color-text);border:none;width:50%;height:1px;margin:2.5em auto}.card:last-child hr{display:none}@media (width<=700px){#projects>h2{text-align:center;margin-left:1em;margin-right:1em}.projects{max-width:30em;margin:8vh auto;padding:2em}#projects{padding:1em}.card{grid-template-columns:1fr;grid-template-areas:"title""desc""more""links""hr";row-gap:1em}.card:has(picture img){grid-template-areas:"image""title""desc""more""links""hr"}.card picture img{margin:auto auto 1em}}@media (width<=500px){.card picture img{margin-bottom:0}}:root{--color-image-background:linear-gradient(45deg, #458ee899, #458ee833)}:root[data-theme=light]{color-scheme:light only;--color-text:#3a3b3c;--color-accent:#458ee8;--color-shadow:#4d709922;--color-underline:#4d709922;--color-background:#f6fbfd;--color-card-background:#fffc;--color-more-background:#f3f8fd}:root[data-theme=dark]{color-scheme:dark only;--color-text:#ddd;--color-accent:#458ee8;--color-shadow:#000;--color-underline:#666;--color-background:#000;--color-card-background:#111;--color-more-background:#222}@media (prefers-color-scheme:dark){:root{color-scheme:dark only;--color-text:#ddd;--color-accent:#458ee8;--color-shadow:#000;--color-underline:#666;--color-background:#000;--color-card-background:#111;--color-more-background:#222}}@media not (prefers-color-scheme:dark){:root{color-scheme:light only;--color-text:#3a3b3c;--color-accent:#458ee8;--color-shadow:#4d709922;--color-underline:#4d709922;--color-background:#f6fbfd;--color-card-background:#fffc;--color-more-background:#f3f8fd}}html{background-color:var(--color-background)}body{min-width:330px;max-width:50em;color:var(--color-text);margin:5vh auto 10vh;font-family:system-ui,sans-serif;font-size:18px;font-weight:500;line-height:1.5em;position:relative}*{box-sizing:border-box}a{color:inherit;text-decoration:none}a:hover{color:var(--color-accent);border-color:var(--color-accent)}a:active{opacity:.8}picture img{color:#0000}a,label,button{color:inherit;font-weight:inherit;font-size:inherit;border:none;border-bottom:.14em solid var(--color-underline);cursor:pointer;background-color:#0000;padding:0;font-family:inherit}label:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--color-accent);border-color:#0000}ul{margin:0;padding:0;list-style:none}svg{width:16px;height:16px;fill:var(--color-text);outline:none;display:block}#backtotop{text-align:center}@media (width<=1200px) or (height<=901px){#projects,body{font-size:17px}}@media (width<=500px){#projects,body{font-size:16px}}