.menu-opener{display:none}p{margin:16px 0}.mobile.flyout{z-index:10;opacity:0;width:100%;height:100%;padding:16px;transition:all .2s ease-in;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 5px #00000040}.menu-opener:checked~.mobile.flyout{opacity:1;transform:translate(0%)}.h-margin{padding:0 16px}.top-margin{padding-top:16px}a.logo,a.logo:visited{max-width:320px;font-family:League Spartan,"sans-serif";font-size:48px;font-weight:700;line-height:50px;text-decoration:none;display:block}.main-menu .logo{margin-bottom:16px}.main-menu ul li{position:relative}.main-menu ul{margin:0;padding:0}.main-menu ul a:link,.main-menu ul a:visited{border-radius:8px;margin-bottom:12px;padding:8px 16px;font-family:League Spartan,"sans-serif";font-size:24px;font-weight:500;text-decoration:none;display:block}.main-menu ul a:link i,.main-menu ul a:visited i{width:24px;margin-right:16px}.main-menu ul a:link i.fa-angle-right,.main-menu ul a:visited i.fa-angle-right{position:absolute;top:14px;right:0}.main-menu ul li{list-style:none}.main-menu .close-button,.hamburger{font-size:32px;position:absolute;top:24px;right:24px}.canvas{padding:0 16px}.contact-buttons a{text-align:center;border-radius:8px;margin-bottom:12px;padding:8px 16px;text-decoration:none;display:block}ol.hobbies{margin-bottom:16px}.hobby{flex-flow:column;align-items:stretch;min-height:150px;margin-bottom:24px;display:flex}.hobby h2{margin-top:16px}.hobby .graphic{flex-shrink:0;min-width:150px;padding-top:16px;display:block}.hobby .graphic img{margin:16px auto}.hobby .graphic i{text-align:center;width:100%;margin:16px auto;font-size:100px}.hobby .graphic .glyph{text-align:center;min-width:150px;font-size:100px}.hobby .content{flex-grow:1;margin:0 16px}.hobby .content p{margin:16px 0}.stick-top{background-color:var(--body-background);z-index:10;position:sticky;top:0}.projects ul{padding:0}@media (prefers-color-scheme:light){body{--body-background:#f2f8ff;--color:black}.logo{--color:black}.canvas h1{--color:#546880}.canvas h2{--color:#75507b}.main-menu{--background-color:#a7ceff;--item-background:#bfdcff;--icon-color:#333f4e}.main-menu ul a:link,.main-menu ul a:visited{--color:black}.main-menu ul a:hover,.main-menu ul a:hover i{--color:#f57900;--background-color:#fce2bd}.timeline{--fill-color:#d9eaff;--border-color:#546880}.timeline .latest{--fill-color:#73d216;--border-color:#4e9a06}.timeline h2,.timeline h3{--color:#546880}.timeline .latest h2,.timeline .latest h3{--color:black}.contact-buttons a{--background:#ce5c00}.hobby{--background-color:#d9eaff}.hobby .graphic{--background-color:#a7ceff;--color:black}}@media (prefers-color-scheme:dark){body{--body-background:#232b36;--color:#f2f8ff}.logo{--color:#f2f8ff}.canvas h1{--color:#fcaf3e}.canvas h2{--color:#e0badc}.main-menu{--background-color:#333f4e;--item-background:#232b36;--icon-color:#a7ceff}.main-menu ul a:link,.main-menu ul a:visited{--color:#f2f8ff}.main-menu ul a:hover,.main-menu ul a:hover i{--color:white;--background-color:#f57900}.timeline{--fill-color:#546880;--border-color:#f2f8ff}.timeline .latest{--border-color:#d4ffab;--fill-color:#4e9a06}.timeline h2,.timeline h3{--color:#a7ceff}.timeline .latest h2,.timeline .latest h3{--color:#f2f8ff}.contact-buttons a{--background:#f57900}.hobby{--background-color:#333f4e}.hobby .graphic{--background-color:#546880;--color:white}}:root{color-scheme:light dark}body{background:var(--body-background);color:var(--color)}.logo,.canvas h1,.canvas h2{color:var(--color)}.main-menu{background:var(--background-color)}.main-menu ul a:link,.main-menu ul a:visited{color:var(--color);background-color:var(--item-background)}.main-menu ul a:link i,.main-menu ul a:visited i{color:var(--icon-color)}.main-menu ul a:hover,.main-menu ul a:hover i{color:var(--color);background-color:var(--background-color)}.timeline h2,.timeline h3,.timeline .latest h2,.timeline .latest h3{color:var(--color)}.contact-buttons a{background:var(--background);color:#fff}@media only screen and (device-width>=768px){.hobby{flex-flow:row}.hobby.even{flex-flow:row-reverse}}@media only screen and (device-width>=1024px){:root{--menu-width:350px}.canvas{max-width:960px;margin:0 auto}section.projects{justify-content:center;gap:24px;display:flex}.close-button,.hamburger{display:none}.mobile.flyout{opacity:1;width:var(--menu-width);transform:translate(0%)}main{margin-left:var(--menu-width)}body{position:relative}.stick-top{position:inherit;z-index:0}}body,p,h1,h2,h3,h4{font-family:Lexend,sans-serif;font-weight:500}h1{font-size:40px}h2{font-size:32px}p{font-size:24px;font-weight:300}.canvas>h1,.canvas>h2,.canvas .projects h2{align-items:center;gap:8px;display:flex}.canvas>h1:before,.canvas>h1:before,.canvas>h2:before,.canvas>h2:before,.canvas .projects h2:before,.canvas .projects h2:before{font:var(--fa-font-solid);margin:0 8px}.canvas>h1.brand:before,.canvas>h2.brand:before,.canvas .projects h2.brand:before{font:var(--fa-font-brands)}.canvas>h1{text-align:right;justify-content:end}.canvas>h2,.canvas .projects h2{border-bottom:1px dotted;justify-content:center;margin:16px 0}h1.about:before{content:""}h1.cv:before{content:""}h2.projects:before{content:""}h2.ios:before{content:""}h2.android:before{content:""}h2.experience:before{content:""}.projects li{text-align:center;padding:12px;font-size:32px;font-weight:400;list-style:none}.timeline{border-left:var(--border-color) 1px solid;margin-left:40px;position:relative}.timeline h2:before{content:"";background:var(--fill-color);border:var(--border-color) 2px solid;width:24px;height:24px;box-shadow:0 0 0 6px var(--body-background);border-radius:50%;margin-top:15px;display:block;position:absolute;left:-12px}.timeline .latest h2{font-size:36px}.timeline .latest h2:before{width:32px;height:32px;box-shadow:0 0 0 6px var(--body-background), 0 -10px 0 6px var(--body-background);z-index:0;left:-16px}.timeline li.latest:before{content:"";background:var(--fill-color);z-index:1;border-radius:50%;width:32px;height:32px;margin-top:15px;animation:2s ease-out infinite radar-pulse;display:block;position:absolute;left:-16px}.timeline li{list-style:none}.timeline h2{font-size:32px}.max-width-center{max-width:400px;margin:0 auto}.hobby{background-color:var(--background-color);border-radius:8px;overflow:hidden}.hobby .graphic{background-color:var(--background-color);color:var(--color)}@keyframes radar-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}@media only print{.timeline{border-left:var(--border-color) 1px solid;margin-left:40px;position:relative}.timeline .latest h2:before,.timeline h2:before{box-shadow:0 0 0 6px #fff}.hobby{flex-flow:row}.hobby.even{flex-flow:row-reverse}.hamburger{display:none}.stick-top{position:static}}