:root{--base-bg-color: 10, 25, 41;--bg-color: rgb(var(--base-bg-color));--bg-highlight-color: #132f4c;--bg-hover-color: #112235;--bg-highlight-hover-color: #3399ff3d;--text-color: #b2bac2;--paragraph-color: #b2bac2;--text-highlight-color: #f3f6f9;--text-hover-color: #ffffff;--text-active-color: #66b2ff;--text-link-color: #66b2ff;--text-link-underline-color: #3399ff66;--text-link-underline-hover-color: #3399ff66;--border-color: #1e4976;--border-highlight-color: #3399ff;--gradient-overlay: var( --base-bg-color );--gradient-alpha: .1;--gradient-start-color: 80, 227, 194;--gradient-end-color: 0, 112, 243;--url-twitter-svg: url(/img/twitter.svg);--header-height: 64px;--footer-height: 128px}*{box-sizing:border-box;transition:background-color .15s ease-in-out}.w-6{width:1.5rem}.h-6{height:1.5rem}html,body{height:100%;margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:Roboto,sans-serif;font-weight:400;scroll-behavior:smooth;scroll-padding-top:calc(128px - var(--header-height) + 32px)}h1,h2,h3,h4,h5{font-weight:200;color:var(--text-color)}h1{font-size:x-large}h3{font-size:1.5em}h4{margin:0}a{color:var(--text-link-color);text-decoration:underline;text-decoration-color:var(--text-link-underline-color)}a:hover{text-decoration-color:var(--text-link-color)}address{font-style:normal}.section{margin-top:16px}.link-list{padding:8px 0;display:flex;flex-direction:row;flex-wrap:wrap}.link-list-item{width:250px;padding:16px;margin:0 20px 20px 0;border-radius:5px;border:none;text-decoration:none;background-color:var(--item-color)}.link-list-item h4{margin-bottom:4px}.link-list-item:hover{background-color:var(--hover-color)}.link-list-item>p{margin:0}.flex-row{display:flex;flex-direction:row}.header-content{position:relative;display:flex;justify-content:space-between;align-items:center;height:var(--header-height)}.header-content svg{width:24px;height:24px}.header-content img.avatar-image{width:48px;height:48px;border-radius:50%}.header-content a{text-decoration:none}.twemoji{border-radius:0;width:1.2em;vertical-align:-20%;margin-left:.075em;margin-right:.075em;height:1.2em;display:inline-block}.discord-status{display:flex;align-items:center}.discord-status-emoji{margin-right:4px}.discord-status-emoji .twemoji{width:1.5em;height:1.5em}.header-content .avatar{position:relative}.header-content .avatar .status-ring{position:absolute;right:0;bottom:4px;padding:2px;border-radius:50%;background-color:var(--bg-color)}.header-content .dot{font-size:12px}.header-content a{border:none;display:flex;align-items:center}.header-content h1{margin-left:12px}.header-content nav{position:relative}.header-content nav ul{display:inline-block;list-style:none;margin:0;padding:0;display:flex;gap:1em;justify-content:flex-end;align-items:center}.header-content nav ul li{position:relative;display:inline-block;margin:0;color:var(--text-link-color)}.header-content nav ul li a{padding:5px 0;color:inherit}main{padding:0 64px;box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor;background:linear-gradient(180deg,rgba(var(--gradient-overlay),255) 0,rgba(var(--gradient-overlay),0) 100%),linear-gradient(90deg,rgba(var(--gradient-start-color),var(--gradient-alpha)) 0,rgba(var(--gradient-end-color),var(--gradient-alpha)) 100%)}body>header,footer,main{display:flex;flex-direction:row;justify-content:center;width:100vw}body>header{position:fixed;top:0;background-color:var(--bg-hover-color);z-index:1}.main-content,.footer-content,.header-content{position:relative;display:flex;flex-direction:row;max-width:1024px;width:100vw;padding-left:32px;padding-right:32px}.main-content{flex-direction:column}main{padding:128px 0;min-height:calc(100vh - var(--footer-height))}@media screen and (max-width: 767px){main{padding-top:96px}}@media screen and (max-width: 479px){main{padding-top:96px}}footer{height:var(--footer-height);width:100vw;background-color:var(--bg-hover-color)}.footer-content{font-size:.9em;display:flex;justify-content:space-between;align-items:flex-end;padding-top:16px;padding-bottom:16px;gap:16px}.footer-content .footer-content-right{display:flex;flex-direction:column}.footer-content .footer-content-right small{display:flex;justify-content:flex-end}.footer-content .footer-content-right small svg[aria-label=love]{text-align:right;fill:currentColor;width:16px;height:16px;transform:scale(1.2);color:red;margin:0 .4em;vertical-align:bottom;animation-duration:60s;animation-name:throb60;animation-timing-function:ease;animation-iteration-count:infinite}.footer-content .footer-content-right small svg[aria-label=love]:hover{animation-name:throb;animation-duration:1s}@keyframes throb{0%{transform:scale(1)}50%{transform:scale(2)}to{transform:scale(1)}}@keyframes throb60{0%{transform:scale(1)}98.33%{transform:scale(1)}99.17%{transform:scale(2)}to{transform:scale(1)}}em.strike-through{font-style:normal;font-weight:400;text-decoration:line-through}.social-icons{display:flex;flex-direction:row;gap:8px}.social-icon{border-radius:50%;padding:8px;background-color:var(--hover-color);border:none;cursor:pointer;display:flex;justify-content:center;align-items:center}.social-icon:hover{background-color:var(--contrast-item-color);opacity:1}.social-icon .icon{width:25px;height:25px;background-color:var(--text-color);mask:var(--social-icon-url) no-repeat center/contain;-webkit-mask:var(--social-icon-url) no-repeat center/contain}.hide-on-mobile{display:block}.show-on-mobile{display:none}@media screen and (max-width: 767px){.hide-on-mobile{display:none}.show-on-mobile{display:block}.main-content,.footer-content,.header-content{padding-left:16px;padding-right:16px}main{padding-bottom:32px}.footer-content{flex-direction:column}}.copied-to-clipboard{display:flex;align-items:center}.copied-to-clipboard img{width:24px;height:24px;margin-right:8px}.logo{--logo-color: var(--text-link-color);--logo-color-white: var(--text-color);font-weight:100;font-size:24px;line-height:24px;display:flex;justify-content:center;align-items:center;user-select:none}.logo .slash-slash{color:var(--logo-color-white)}.logo .don{color:var(--logo-color)}.logo .a{color:var(--logo-color-white);transform:rotate(180deg);margin-top:-2px;padding-right:1px}.logo .von{margin-left:-1px;color:var(--logo-color)}.read-my-blog{position:absolute;right:8px;top:22px;width:164px;height:139px;pointer-events:none;opacity:.8;transition:.3s}.read-my-blog div{position:absolute;right:50px;top:16px;font-size:1.4em;line-height:.9em;font-weight:400;color:#fff;text-align:center;font-family:Permanent Marker,cursive;animation-duration:30s;animation-name:throb-read-my-blog;animation-timing-function:ease;animation-iteration-count:infinite}@media (prefers-reduced-motion){.read-my-blog div{animation-name:none}}@keyframes throb-read-my-blog{0%{transform:scale(1) rotate(10deg)}18.33%{transform:scale(1) rotate(10deg)}19.17%{transform:scale(1.2) rotate(12deg)}20%{transform:scale(1) rotate(10deg)}to{transform:scale(1) rotate(10deg)}}.read-my-blog img.arrow{position:absolute;right:0;top:0;width:120px}.read-my-blog.hide{opacity:0}body[data-page=resume] main{padding:0;position:absolute;left:0;top:var(--header-height);min-height:calc(100% - var(--footer-height));height:calc(100% - var(--footer-height));width:100vw;position:relative}body[data-page=resume] .main-content{max-width:none;width:100vw;padding:0}object#resume-page{position:absolute;top:0;left:0;width:100%;height:100%}object#resume-page>div{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}object#resume-page>div h2{font-size:2em;font-weight:500;color:var(--text-active-color)}object#resume-page>div code{font-size:1.4em;font-weight:500;color:var(--text-highlight-color)}@media (prefers-reduced-motion: no-preference){*[data-reduced-motion=motion]{display:block}*[data-reduced-motion=no-motion]{display:none}}@media (prefers-reduced-motion: reduce){*[data-reduced-motion=motion]{display:none}*[data-reduced-motion=no-motion]{display:block}}