@import url(https://fonts.googleapis.com/css2?family=Berkshire+Swash&display=swap);@import url(https://fonts.googleapis.com/css2?family=Funnel+Display:wght@300..800&display=swap);@import url(https://use.typekit.net/oun2nbv.css);*,:after,:before{-ms-overflow-style:none;box-sizing:inherit;margin:0;padding:0;scrollbar-width:none}::_wekbit-scrollbar{display:none}body{font-family:Funnel Display,serif;font-optical-sizing:auto;font-style:normal;font-weight:<weight>;position:relative}.app{--s:200px;--c1:#1d1d1d;--c2:#4e4f51;--c3:#3c3c3c;background-color:#e5e5f7;background:repeating-conic-gradient(from 30deg,#0000 0 120deg,var(--c3) 0 180deg) calc(var(--s)*.5) calc(var(--s)*.5*.577),repeating-conic-gradient(from 30deg,var(--c1) 0 60deg,var(--c2) 0 120deg,var(--c3) 0 180deg);background-size:var(--s) calc(var(--s)*.577);color:#fff;display:flex;height:100svh;justify-content:center;min-height:787px;width:100%}.app__content{border-top:none;display:flex;max-width:2000px;position:relative}.page{background-color:gray;border-right:1px solid #fff;max-width:700px;min-width:700px;overflow:scroll;padding:2rem 0;position:relative}.page__title{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:100%;font-size:3rem;font-weight:900;padding-bottom:1rem;text-align:center;text-transform:uppercase}@media (max-width:999px){.app-content{background-color:initial;min-width:100svw}.page{background:none;border-right:none;min-width:95svw;padding:1rem}}@media (min-width:1000px){.app-content{background-color:#000}.page{background-color:gray;background:linear-gradient(180deg,#0000001a,#0000004d),url(https://i.imgur.com/BoqJNUS.png);background-repeat:repeat}}.sidebar{background-color:#000;border-left:1px solid #fff;border-right:1px solid #fff;max-height:100svh;min-height:-webkit-fit-content;min-height:fit-content;padding-top:2rem;position:-webkit-sticky;position:sticky;text-align:center;top:0;width:25rem}.avatar{border:5px solid #fff;border-radius:50%;max-height:150px;transition:.2s;transition:all .2s}.avatar:hover{animation-duration:5s;animation-iteration-count:infinite;animation-name:spin;animation-timing-function:linear;border:5px solid #0cc}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sidebar__name{display:block;font-size:1.5rem;margin:.5rem 0}.sidebar a{color:#fff;text-decoration:none}.social-icons{display:flex;justify-content:space-around;margin:1rem auto;width:280px}.social-icons__icon{border:3px solid #fff;border-radius:50%;cursor:pointer;max-height:35px}.social-icons__link:hover img{animation:flash 1s;opacity:1}.social-icons__link:hover .social-icons__icon{border:3px solid #0cc}@keyframes flash{0%{opacity:.4}to{opacity:1}}.navigation{display:flex;flex-direction:column}.navigation__link,.navigation__link *,.navigation__link :after,.navigation__link :before,.navigation__link:after,.navigation__link:before{border:0 solid;box-sizing:border-box}.navigation__link{-webkit-tap-highlight-color:transparent;-webkit-appearance:button;background-color:#000;background-color:red;background-image:none;color:#fff;cursor:pointer;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:100%;line-height:1.5;margin:0;-webkit-mask-image:-webkit-radial-gradient(#000,#fff);padding:0}.navigation__link:disabled{cursor:default}.navigation__link:-moz-focusring{outline:auto}.navigation__link svg{display:block;vertical-align:middle}.navigation__link [hidden]{display:none}.navigation__link{box-sizing:border-box;display:block;font-weight:900;-webkit-mask-image:none;padding:2rem 5rem;perspective:800px;position:relative;text-transform:uppercase;transform-style:preserve-3d}.navigation__link span{border-bottom:1px solid #fff;color:#fff;display:grid;font-size:2rem;inset:0;place-items:center;position:absolute;transform:rotateX(0deg);transform-origin:top center;transition:.2s}.navigation__link span:first-child{border-top:1px solid #fff}.navigation__link:first-child span{background-image:linear-gradient(#4661d780,#4661d780),url(https://images.theconversation.com/files/393210/original/file-20210401-13-z6rl6z.jpg?ixlib=rb-4.1.0&rect=0%2C292%2C3008%2C1504&q=45&auto=format&w=1356&h=668&fit=crop);background-position-y:50%;background-size:cover}.navigation__link:nth-child(2) span{background-image:linear-gradient(#0000ff1a,#0000ff1a),url(https://i.imgur.com/a7iI8HM.png);background-position-y:30%;background-size:cover}.navigation__link:nth-child(3) span{background-image:linear-gradient(#282a34cc,#282a34e6),url(https://www.in2code.de/fileadmin/_processed_/0/b/csm_code_javascript_deb0c3970a.jpg);background-position-x:50%;background-position-y:50%;background-size:150%}.navigation__link:nth-child(4) span{background-image:linear-gradient(#282a34b3,#282a34b3),url(https://i.imgur.com/5GaLHsF.png);background-position-y:50%;background-size:cover}.navigation__link:hover span{transform:rotateX(35deg)}.navigation__link:after,.navigation__link:before{background:#ddd;background:#000;content:"";height:100%;left:0;position:absolute;top:0;transform:rotateX(0deg);width:100%;z-index:-1}.navigation__link:after{background:#ccc;width:0}@keyframes progress-bar{0%{opacity:1;width:0}10%{opacity:1;width:15%}25%{opacity:1;width:25%}40%{opacity:1;width:35%}55%{opacity:1;width:75%}60%{opacity:1;width:100%}to{opacity:0;width:100%}}.spotify{margin:2rem auto;width:95%}.home{background:linear-gradient(180deg,#000000b3,#000c),url(https://i.imgur.com/BoqJNUS.png);background-repeat:repeat;display:flex;flex-direction:column;justify-content:center}.home__content{padding:2rem 0}.name{margin:2rem 0;text-align:center}.name__main{font-family:Times New Roman,serif;font-size:30px}#author{font-family:Berkshire Swash,serif;font-style:normal}.name__sub{font-size:18px;text-decoration:overline}.skills{margin-bottom:2rem;text-align:center}.skill-icon__container{display:flex;justify-content:space-between;margin:0 auto;width:50%}.skill-icon img{height:36px;width:36px}@media (max-width:800px){.skill-icon__container{width:100%}}.quote{margin:0 auto 2rem;max-width:600px;text-align:center}.quote span{display:block}.quote span:first-child{font-size:1.25rem;overflow:hidden}@media (min-width:800px){.quote span:first-child{animation:typing 3.5s steps(40),blink-caret .75s step-end 5s;letter-spacing:.15em;margin:0 auto;white-space:nowrap}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:orange}}.card{background-color:#000;background:linear-gradient(180deg,#000000b3,#000000b3),url(https://i.imgur.com/BoqJNUS.png);background-repeat:repeat;border-radius:1rem;margin:1rem auto;max-width:600px;padding:1rem}.card__image{width:100%}.card__image--interest-container{min-height:350px}.card__title{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:100%;font-size:1.5rem;font-weight:900;line-height:1.5rem;text-transform:uppercase}.card__link{color:#fff;text-decoration:none;transition:all .3s}.card__link svg{font-size:1.25rem;vertical-align:center}.card__link:hover{color:#0cc}.flex-center{display:flex;justify-content:center}.mobile-btn__container{cursor:pointer;display:flex;justify-content:right;position:-webkit-sticky;position:sticky;top:10px;z-index:1000}.mobile-btn{background-color:#fff;border-radius:50%;color:#000;cursor:pointer;display:block;font-size:2rem;height:4rem;line-height:4rem;text-align:center;text-decoration:none;transition:all .2s;width:4rem}.mobile-btn:hover{background-color:#0cc;color:#fff}.mobile-link__container{display:flex;flex-direction:column}.mobile-link,.mobile-link *,.mobile-link :after,.mobile-link :before,.mobile-link:after,.mobile-link:before{border:0 solid;box-sizing:border-box}.mobile-link{background-color:#000;border-bottom:1px solid #fff;color:#fff;cursor:pointer;display:block;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:100%;font-size:2rem;font-weight:900;line-height:2rem;padding:2rem 5rem;position:relative;text-align:center;text-decoration:none;text-transform:uppercase}.mobile-link:first-child{border-top:1px solid #fff}.experience__section{border-radius:1rem;margin:1rem auto;max-width:600px;padding:1rem .5rem}.athos__header{text-align:center}.athos__header svg{margin-bottom:3rem}.searchspring{background-color:#a9a9a9}.guildgaming{padding-top:2.5rem}.fullstack,.guildgaming{background-color:grey}.fullstack__header,.searchspring__header{text-align:center}.searchspring__header img{margin:-1rem auto 0;max-height:10rem}.guildgaming__header img{max-height:3.5rem}.fullstack__header img{background-color:#fff;border-radius:1rem;max-height:5rem;padding:1rem}.guildgaming__header--main a{display:flex;justify-content:center;text-decoration:none}.guildgaming__name{color:#fdb905;display:block;font-family:apotek-wide,sans-serif;font-size:3.5rem;line-height:3.5rem;margin-left:1rem;text-transform:uppercase;vertical-align:middle}@media (max-width:800px){.searchspring__header img{max-height:5rem}.guildgaming__header img{max-height:2.5rem}.guildgaming__name{font-size:2rem;line-height:2.5rem}.fullstack__header img{max-height:3rem}}.guildgaming__header--sub,.searchspring__header--sub{margin:0 auto;text-align:center;width:500px}.searchspring__header--sub{margin-top:-2rem}.fullstack__header--sub,.guildgaming__header--sub{margin:1rem auto}.fullstack__header--sub span,.guildgaming__header--sub span,.searchspring__header--sub span{display:block}.job-title{color:#fff;font-size:1.5rem;text-decoration:underline;transition:all .2s}@media (max-width:800px){.guildgaming__header--sub,.searchspring__header--sub{width:300px}.searchspring__header--sub{margin-top:-1rem}.job-title{font-size:1.25rem}}.experience__details{display:flex;flex-direction:column;margin:1rem auto}.experience__details li{list-style:none;margin-left:4rem}.techstack span{color:#0cc;display:block;font-size:1.25rem;margin-bottom:.5rem;text-transform:uppercase}.experience__skills-container,.techstack span{text-align:center}@media (max-width:800px){.experience__details li{margin-left:1rem}.experience__skills-container{margin-left:1rem;margin-right:1rem}}@media (min-width:800px){.experience__details li{margin-right:3.5rem}}.image-gallery{display:flex;flex-wrap:wrap;justify-content:center;margin-top:1rem}.gallery-icon{border-radius:10px;cursor:pointer;max-height:5rem;transition:.2s}.gallery-icon:hover{filter:brightness(75%)}.gallery-icon:not(:last-child){margin-right:.5rem}.modal{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:gray;border-radius:8px;max-height:90%;max-width:90%;min-height:80%;min-width:80%;overflow:hidden;padding:20px}.modal-content,.modal-image-container{align-items:center;display:flex;justify-content:center;position:relative}.modal-image-container{width:100%}.modal-image{border-radius:10px;max-height:80vh;max-width:80%;min-height:80svh;min-width:80%;object-fit:contain}button{background-color:initial;border:none;color:#fff;cursor:pointer;font-size:2rem;z-index:10}button:hover{opacity:.7}.prev{left:10px;position:absolute}.close,.next{position:absolute;right:10px}.close{color:#000;cursor:pointer;font-size:2rem;top:10px}@media (max-width:999px){.close{right:1rem}}.close:hover{opacity:.7}@media (max-width:600px){.gallery{gap:10px;padding:10px}.gallery-image{height:80px;width:80px}.modal-content{max-width:95%;padding:10px}.modal-image{max-height:70vh;max-width:90%}.next,.prev{font-size:1.5rem}}.resume{display:flex;justify-content:center}.resume a{text-decoration:none}.continue-application{--color:#fff;--background:#404660;--background-hover:#3a4059;--background-left:#2b3044;--folder:#f3e9cb;--folder-inner:#beb393;--paper:#fff;--paper-lines:#bbc1e1;--paper-behind:#e1e6f9;--pencil-cap:#fff;--pencil-top:#275efe;--pencil-middle:#fff;--pencil-bottom:#5c86ff;--shadow:#0d0f1933;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;background:var(--background);background:var(--bg,var(--background));border:none;border-radius:5px;color:var(--color);cursor:pointer;font-size:14px;font-weight:500;line-height:19px;outline:none;padding:17px 29px 17px 69px;position:relative;transition:background .3s}.continue-application>div{background:var(--background-left);border-radius:5px 0 0 5px;bottom:0;left:0;overflow:hidden;position:absolute;top:0;width:53px}.continue-application>div .folder{height:27px;left:15px;position:absolute;top:13px;width:23px}.continue-application>div .folder .top{left:0;position:absolute;top:0;transform:translateX(0);transform:translateX(var(--fx,0));transition:transform .4s ease .3s;transition:transform .4s ease var(--fd,.3s);z-index:2}.continue-application>div .folder .top svg{fill:var(--folder);display:block;height:27px;transform:perspective(120px) rotateY(0deg);transform:perspective(120px) rotateY(var(--fr,0deg));transform-origin:0 50%;transition:transform .3s ease .45s;transition:transform .3s ease var(--fds,.45s);width:24px}.continue-application>div .folder .paper,.continue-application>div .folder:after,.continue-application>div .folder:before{background:var(--folder-inner);background:var(--b,var(--folder-inner));border-radius:1px;content:"";height:100%;height:var(--h,100%);left:0;left:var(--l,0);position:absolute;top:0;top:var(--t,0);width:100%;width:var(--w,100%)}.continue-application>div .folder:before{box-shadow:0 1.5px 3px var(--shadow),0 2.5px 5px var(--shadow),0 3.5px 7px var(--shadow);transform:translateX(0);transform:translateX(var(--fx,0));transition:transform .4s ease .3s;transition:transform .4s ease var(--fd,.3s)}.continue-application>div .folder .paper,.continue-application>div .folder:after{--l:1px;--t:1px;--w:21px;--h:25px;--b:var(--paper-behind)}.continue-application>div .folder:after{transform:translate(0);transform:translate(var(--pbx,0),var(--pby,0));transition:transform .4s ease 0s;transition:transform .4s ease var(--pbd,0s)}.continue-application>div .folder .paper{--b:var(--paper);z-index:1}.continue-application>div .folder .paper:after,.continue-application>div .folder .paper:before{background:var(--paper-lines);border-radius:1px;box-shadow:0 12px 0 0 var(--paper-lines),0 24px 0 0 var(--paper-lines);content:"";height:2px;left:3px;position:absolute;top:3px;top:var(--tp,3px);transform:scaleY(.5);width:14px;width:var(--wp,14px)}.continue-application>div .folder .paper:after{--tp:6px;--wp:10px}.continue-application>div .pencil{background:var(--pencil-cap);border-radius:1px 1px 0 0;height:2px;left:105%;position:absolute;top:8px;transform:translateX(0) rotate(35deg);transform:translateX(var(--pex,0)) rotate(35deg);transform-origin:50% 19px;transition:transform .4s ease 0s;transition:transform .4s ease var(--pbd,0s);width:3px;z-index:3}.continue-application>div .pencil:after,.continue-application>div .pencil:before{background:linear-gradient(var(--pencil-top) 55%,var(--pencil-middle) 55.1%,var(--pencil-middle) 60%,var(--pencil-bottom) 60.1%);background:var(--b,linear-gradient(var(--pencil-top) 55%,var(--pencil-middle) 55.1%,var(--pencil-middle) 60%,var(--pencil-bottom) 60.1%));border-radius:2px 2px 0 0;border-radius:var(--br,2px 2px 0 0);content:"";display:block;height:20px;height:var(--h,20px);left:-1px;left:var(--l,-1px);position:absolute;top:2px;top:var(--t,2px);width:5px;width:var(--w,5px)}.continue-application>div .pencil:before{-webkit-clip-path:polygon(0 5%,5px 5%,5px 17px,50% 20px,0 17px);clip-path:polygon(0 5%,5px 5%,5px 17px,50% 20px,0 17px)}.continue-application>div .pencil:after{--b:none;--w:3px;--h:6px;--br:0 2px 1px 0;--t:3px;--l:3px;border-right:1px solid var(--pencil-top);border-top:1px solid var(--pencil-top)}.continue-application:after,.continue-application:before{background:var(--color);border-radius:1px;content:"";height:2px;position:absolute;right:16px;top:26px;transform:translateX(0) scale(.5) rotate(-45deg);transform:translateX(var(--cx,0)) scale(.5) rotate(var(--r,-45deg));transform-origin:9px 1px;transition:transform .3s;width:10px}.continue-application:after{--r:45deg}.continue-application:hover{--cx:2px;--bg:var(--background-hover);--fx:-40px;--fr:-60deg;--fd:.15s;--fds:0s;--pbx:3px;--pby:-3px;--pbd:.15s;--pex:-24px}.projects__description{display:block;font-style:italic;margin-bottom:1rem}.highlights__container{display:flex;justify-content:space-around;margin:1rem 0}@media (max-width:999px){.highlights__container{align-items:center;flex-direction:column;justify-content:center}}.projects__skills-container{margin-bottom:1rem;text-align:center}.embed-container{height:auto;max-width:100%;overflow:hidden;padding-bottom:56.25%;position:relative}.embed-container embed,.embed-container iframe,.embed-container object{height:100%;left:0;position:absolute;top:0;width:100%}.button-icon{border:3px solid #fff;cursor:pointer;display:flex;height:-webkit-fit-content;height:fit-content;margin:0 auto;width:-webkit-fit-content;width:fit-content}.icon{background-color:#fff;padding:10px 10px 5px}.icon svg{height:28px;width:25px}.cube{height:20px;transform-style:preserve-3d;transition:all .4s;width:200px}.button-icon:hover{border-color:#00b3b3}.button-icon:hover .cube{transform:rotateX(90deg)}.side{align-items:center;display:flex;font-size:.8em;font-weight:700;height:47px;justify-content:center;letter-spacing:.5px;position:absolute;text-transform:uppercase;width:200px}.top{background:#00b3b3;color:#fff;transform:rotateX(-90deg) translate3d(0,13.5px,2em)}.front{background:#222229;color:#fff;transform:translateZ(1em)}.letterboxd{border:1px solid #fff;border-radius:10px;max-width:200px;padding:1rem}.letterboxd img{max-height:4rem}.letterboxd a{color:#fff;text-decoration:none}.interests__social-btn{background:#0000;border:none;cursor:pointer;display:block;margin-top:1rem auto 0 auto;outline-offset:4px;padding:0;position:relative;text-align:center;text-decoration:none;touch-action:manipulation;transition:filter .25s;-webkit-user-select:none;user-select:none;width:300px}.interests__social-btn--shadow{background:#00000040;background:teal;transform:translateY(2px);transition:transform .6s cubic-bezier(.3,.7,.4,1);will-change:transform}.interests__social-btn--edge,.interests__social-btn--shadow{border-radius:12px;height:100%;left:0;position:absolute;top:0;width:100%}.interests__social-btn--edge{background:linear-gradient(270deg,#033 0,#005c5c 8%,#005c5c 92%,#033)}.interests__social-btn--front{background:#00b3b3;border-radius:12px;color:#fff;display:block;font-size:1.1rem;padding:12px 27px;position:relative;transform:translateY(-4px);transition:transform .6s cubic-bezier(.3,.7,.4,1);will-change:transform}.interests__social-btn:hover{filter:brightness(110%)}.interests__social-btn:hover .interests__social-btn--front{transform:translateY(-6px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}.interests__social-btn:active .interests__social-btn--front{transform:translateY(-2px);transition:transform 34ms}.interests__social-btn:hover .interests__social-btn--shadow{transform:translateY(4px);transition:transform .25s cubic-bezier(.3,.7,.4,1.5)}.interests__social-btn:active .interests__social-btn--shadow{transform:translateY(1px);transition:transform 34ms}.interests__social-btn:focus:not(:focus-visible){outline:none}
/*# sourceMappingURL=main.d3df095d.css.map*/