@font-face{font-family:Sven;src:url(/svenings.ttf)}body,html{display:flex;flex-direction:column;box-sizing:border-box;position:absolute;z-index:1;left:0;top:0;height:100%;width:100%;cursor:url(/images/shared/cursor.png),auto}body:active{cursor:url(/images/shared/cursor-hover.png),auto}#__next,#root{flex-direction:column;height:100%;background-color:white}#__next,#root,.page-content{display:flex;justify-content:flex-start;box-sizing:border-box;width:100%}.page-content{overflow-x:hidden;overflow-y:hidden;flex-direction:row;flex-grow:1;min-height:0;padding:0 5px 5px;top:90px}.hide-page-content{animation-name:hide-page-content;animation-duration:1s;animation-fill-mode:forwards}.secondary-content.show{animation-name:show;animation-duration:2.5s;animation-fill-mode:forwards}.header{font-family:Sven;letter-spacing:23px;font-size:17px;font-weight:700;margin-block:20px;color:rgba(0,0,0,.6)}.paragraph{color:rgba(0,0,0,.8);margin-top:15px;font-size:13px;font-weight:300}.paragraph,.quote{font-family:Poppins}.quote{margin-block:20px;padding-block:10px;display:flex;flex-direction:column;justify-content:center;padding-inline:20px;margin-inline:10px;border-left:4px solid rgba(0,0,0,.2);border-right:4px solid white;position:relative}.quote-text{font-size:17px;font-style:italic;font-weight:300;text-align:center}.quote .subject{font-family:Sven;font-size:11px;padding-top:20px;text-align:center;font-weight:500;letter-spacing:8px}.quote:hover.link{background:linear-gradient(-45deg,rgba(0,0,0,.08) 10%,rgba(0,0,0,.05) 40%,rgba(0,0,0,.15) 50%,rgba(0,0,0,.05) 60%,rgba(0,0,0,.08) 90%);box-sizing:border-box;background-size:400% 400%;animation:Gradient 10s ease infinite;box-shadow:0 0 10px 1px rgba(0,0,0,.2);border-left-width:5px;border-right-width:5px;border-color:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .25s linear}.quote:hover.link .subject{background:linear-gradient(30deg,rgba(0,0,0,1),rgba(0,0,0,.5) 30%,rgba(247,209,72,1) 50%,rgba(0,0,0,.5) 70%,rgba(0,0,0,1));background-size:350% 350%;-webkit-background-clip:text;background-clip:text}.error-text,.quote:hover.link .subject{animation:Gradient 10s ease infinite;text-fill-color:transparent;text-shadow:inset 0 0 1px 2px rgba(0,0,0,.8),0 0 10px 2px rgba(0,0,0,.3);color:transparent}.error-text{font-size:26px;font-family:Poppins;font-weight:200;background:linear-gradient(-30deg,rgba(0,0,0,1),rgba(0,0,0,1) 30%,rgba(247,209,72,1) 50%,rgba(0,0,0,1) 70%,rgba(0,0,0,1));background-size:250% 250%;-webkit-background-clip:text;background-clip:text}.fade-in{opacity:0}.fade-in,.fade-in-show{transition:all .5s linear}.fade-in-show{opacity:1}.empty-state{flex-basis:0;flex-grow:0}.hidden{visibility:hidden;height:0}.modal{width:100%;min-height:100%;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);padding-block:30px;position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;left:0;top:0;background-color:rgba(0,0,0,.6);z-index:9999}.modal.hidden{display:none}.modal-content{width:80%}.image-modal{width:100%;border-radius:15px;box-shadow:2px 0 10px 2px rgba(0,0,0,.4)}.modal.hidden .image-modal{width:0}.modal-image-message{font-family:Poppins;font-weight:300;font-size:18px;display:block;text-align:center;color:white;padding:10px}.close{max-height:25px;max-width:25px;opacity:.5;position:fixed;transform:translateY(100%) translateX(-170%)}.close:hover{opacity:.8}@keyframes show{0%{flex-basis:0;flex-grow:0}50%{flex-basis:0;flex-grow:0}to{flex-basis:0;flex-grow:1}}@keyframes hide-page-content{0%{opacity:1}to{opacity:0}}@media screen and (max-width:800px){.page-content{flex-direction:column;overflow-y:auto}.modal-content{width:95%}}@media screen and (min-width:501px){.modal-image-message{visibility:hidden;display:none}}@media screen and (max-width:500px){.page-content{top:65px;flex-direction:column}.header{font-size:22px;margin-block:5px}.paragraph{font-family:Poppins;font-weight:300;color:rgba(0,0,0,1);margin-top:25px;font-size:17px;line-height:1.8}.quote-text{font-size:19px}.quote .subject{font-size:15px}.modal-content{width:95%}}@media screen and (orientation:landscape) and (max-height:450px) and (max-width:850px){.modal{min-height:100%;position:absolute;left:0;top:0;width:100%;padding:0}.modal-content{width:100%;height:100%}.modal-image-message{visibility:hidden;display:none}.image-modal{width:100%;height:100%;border-radius:0;margin:0;padding:0}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.MenuContainer{min-height:0;height:100%;flex-basis:0;flex-grow:0.9}.MenuContainer,.MenuContainer .container{display:flex;flex-direction:column;justify-content:center;align-items:center}.item{padding:25px 15px;font-family:Sven;letter-spacing:22px;font-size:15px;text-align:center;text-decoration:none;color:rgba(0,0,0,.4)}.item:hover{background:linear-gradient(-30deg,rgba(0,0,0,1),rgba(0,0,0,.5) 40%,rgba(247,209,72,1) 50%,rgba(0,0,0,.5) 60%,rgba(0,0,0,1));animation:Gradient 5s ease infinite;background-size:350% 350%;-webkit-background-clip:text;background-clip:text;text-fill-color:transparent;font-weight:800;text-shadow:inset 0 0 1px 2px rgba(0,0,0,.8),0 0 10px 2px rgba(0,0,0,.3);color:transparent;transform:scale(1.04);transition:all .1s linear}.inactive{animation-name:inactive;animation-fill-mode:forwards}.active,.inactive{animation-duration:2.5s}.active{animation-name:active;animation-fill-mode:forwards}@media screen and (max-width:800px){.MenuContainer{position:relative;top:130px;order:2}.item{height:35px}}@media screen and (max-width:500px){.MenuContainer{position:relative;top:150px;order:2;margin-bottom:200px}.item{height:35px;font-size:15px;letter-spacing:20px}}@keyframes inactive{0%{opacity:1;flex-grow:0.9}50%{opacity:0;flex-grow:0.9}to{flex-grow:0;opacity:0;width:0;display:none}}@keyframes active{0%{flex-grow:0;opacity:0;width:0;display:none}50%{opacity:0;flex-grow:0.9}to{opacity:1;flex-grow:0.9}}.BackButton{min-height:0;height:100%;min-width:90px;display:flex;justify-content:center;align-items:center;position:-webkit-sticky;position:sticky;left:0;top:0}.BackButton .icon{position:relative;width:20px;height:35px;opacity:.4;top:-30px;left:-3px}.BackButton .icon:hover{opacity:.8}@media screen and (max-width:800px){.BackButton{display:none}}.MainPicture{left:0;flex-basis:0;flex-basis:0.5;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;transition:all .5s linear}.click-me{font-family:Sven;font-weight:200;font-size:10px;padding-block:8px;letter-spacing:8px;width:100%;text-align:center;justify-content:center;align-items:center;color:rgba(0,0,0,.4);transition:all 1s linear}.MainPicture:hover .click-me{background:linear-gradient(-30deg,rgba(0,0,0,1),rgba(0,0,0,1) 30%,rgba(247,209,72,1) 50%,rgba(0,0,0,1) 70%,rgba(0,0,0,1));animation:Gradient 6s ease infinite;background-size:250% 250%;-webkit-background-clip:text;background-clip:text;text-fill-color:transparent;text-shadow:inset 0 0 1px 2px rgba(0,0,0,.8),0 0 10px 2px rgba(0,0,0,.3);color:transparent}.no-skew{transform:rotateX(0deg) rotateY(0deg);filter:brightness(1) contrast(1);transition:all .5s linear}.image-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-shrink:2;width:470px;height:600px}.picture-top{min-height:41%;width:100%}.picture-mid,.picture-top{display:flex;justify-content:flex-start;flex-direction:row}.picture-mid{min-height:17%;max-width:100%;margin-block:10px}.picture-bottom{min-height:37%;width:100%;display:flex;justify-content:flex-start;flex-direction:row}.picture-top img{max-width:100%;object-fit:cover;object-position:-15%;border-radius:130px 0}.picture-mid img{max-width:45%;object-fit:cover;object-position:0}.picture-bottom img{max-width:100%;object-fit:cover;object-position:0 0;border-radius:0 0 0 130px}.picture-mid .logo{display:flex;flex-basis:0;flex-grow:1;justify-content:center;align-items:center;text-align:center;font-family:Poppins;font-size:170%}.logo .divider,.logo .name{font-weight:200}.logo .divider{margin-inline:5px}.logo .ux{font-weight:800}.hide-logo{animation-name:hide-logo;animation-fill-mode:forwards}.hide-logo,.show-logo{animation-duration:2.5s}.show-logo{animation-name:show-logo;animation-fill-mode:forwards}.full{animation-name:full;animation-fill-mode:forwards}.full,.not-full{animation-duration:2.5s}.not-full{animation-name:not-full;animation-fill-mode:forwards}.full-end-state{max-width:100%;object-fit:cover;object-position:0}.full-end-state-picture-mid{min-height:17%;max-width:100%;margin-block:10px;display:flex;justify-content:flex-start;flex-direction:row}.hide-logo-end-state{opacity:0;width:0;display:none}@keyframes hide-logo{0%{opacity:1;display:flex}40%{opacity:0;display:flex}to{opacity:0;width:0;display:none}}@keyframes show-logo{0%{opacity:0;flex-grow:0;width:0;display:none}60%{opacity:0;display:flex}to{opacity:1;display:flex}}@keyframes not-full{0%{max-width:100%}50%{max-width:45%}to{max-width:45%}}@keyframes full{0%{max-width:45%}50%{max-width:45%}to{max-width:100%}}@media screen and (max-width:900px){.MainPicture{transform:scale(.8);display:flex}.MainPicture:hover{transform:scale(.82);display:flex}.MainPicture:active{transform:scale(.78);display:flex}.no-skew{transform:rotateX(0deg) rotateY(0deg) scale(.8);transition:all .5s linear}}@media screen and (max-width:1000px){.MainPicture{transform:scale(.8)}.MainPicture,.MainPicture:hover{display:flex;position:relative;top:0}.MainPicture:hover{transform:scale(.82)}.MainPicture:active{transform:scale(.78);display:flex;position:relative;top:0}.no-skew{transform:rotateX(0deg) rotateY(0deg) scale(.8);transition:all .5s linear}}@media screen and (max-width:800px){.MainPicture{transform:scale(.85);justify-content:flex-start;align-items:center;position:relative}.MainPicture:hover{filter:brightness(1.1);transform:scale(.87)}.MainPicture:active{filter:brightness(.7);transform:scale(.84)}.no-skew{transform:rotateX(0deg) rotateY(0deg) scale(.85);transition:all .5s linear}}@media screen and (max-width:500px){.MainPicture{transform:rotateX(0deg) rotateY(0deg) scale(.85);transition:all 1s linear}.click-me{padding-block:20px;font-size:15px;letter-spacing:2px;line-height:300%}.image-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;position:relative;height:500px;width:395px}.picture-mid .logo{font-size:26px}.no-skew{transform:rotateX(0deg) rotateY(0deg) scale(.85);transition:all .5s linear}}.Toolbar{height:85px;font-family:Poppins;padding-left:40px;font-size:30px;box-sizing:border-box;min-width:0;width:100%;background-color:rgba(256,256,256,.8);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;align-items:center;left:0;top:0;z-index:1}.scroll{box-shadow:2px 0 5px rgba(0,0,0,.25)}.toolbar-center{flex-basis:0;flex-grow:1;justify-content:flex-start}.Toolbar .name,.toolbar-center{display:flex;align-items:center}.Toolbar .name{justify-content:center;background:linear-gradient(-45deg,rgba(0,0,0,1),rgba(0,0,0,.5) 40%,rgba(247,209,72,1) 50%,rgba(0,0,0,.5) 60%,rgba(0,0,0,.5) 85%,rgba(0,0,0,.5));animation:Gradient 10s ease infinite;background-size:250% 250%;-webkit-background-clip:text;background-clip:text;text-fill-color:transparent;font-weight:200;word-spacing:-1px;text-shadow:0 0 10px 2px rgba(0,0,0,.3);color:transparent}.toolbar-back{flex-basis:0;max-height:50%;opacity:40%;visibility:hidden}.toolbar-right{flex-basis:0}@media screen and (max-width:800px){.Toolbar{min-width:0;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding-block:15px;padding-inline:30px;text-align:center}.toolbar-back{max-height:50%;visibility:visible}.toolbar-center{justify-content:center}}.bio{display:flex;justify-content:flex-start;flex-direction:column;padding-inline:50px;padding-top:2%;padding-right:5%;flex-basis:0;flex-grow:1;opacity:0}.show-bio{animation-name:show-bio;animation-duration:2.5s;animation-fill-mode:forwards}.collapse-page-content{animation-name:collapse-page-content;animation-duration:2.5s;animation-fill-mode:forwards}.download-resume{width:200px;padding-bottom:10px;color:rgba(0,0,0,.6);text-decoration:none;font-family:Sven;font-size:13px;letter-spacing:2px;margin-top:35px;cursor:url(/images/shared/cursor.png),auto}.download-resume:active{cursor:url(/images/shared/cursor-hover.png),auto}.download-resume:hover{color:rgba(0,0,0,1);border-bottom:1.5px solid rgb(154,181,145)}@keyframes show-bio{0%{opacity:0}to{opacity:1}}@media screen and (max-width:1000px){.bio{padding-left:0}}@media screen and (max-width:800px){.bio{align-items:center;padding-top:0;padding-inline:30px}.download-resume{text-align:center;margin-top:35px;margin-bottom:70px}}.connect{display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0;padding-bottom:10%;padding-inline:3%}.show-connect{animation-name:show-connect;animation-duration:2.5s;animation-fill-mode:forwards}.socials{flex-direction:row}.button,.socials{display:flex;justify-content:center;align-items:center}.button{height:45px;width:45px;margin-right:10px;background-color:#8f8f8f;border-radius:50%;transition:all .25s linear}.connect .header{text-align:center;margin:0}.connect .quote{margin-block:30px;padding-block:30px;box-sizing:border-box;transition:all .5s linear}.button:hover{background-color:rgba(0,0,0,.65);transform:scale(1.02);transition:all .12s linear}.facebook,.instagram,.linkedin{width:50%;height:50%}.mail,.twitter{width:50%;height:40%}@keyframes Gradient{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}@keyframes show-connect{0%{opacity:0}to{opacity:1}}@media screen and (max-width:800px){.connect{align-items:center;justify-content:center;text-align:center;padding-top:0;padding-bottom:0}.socials{padding-top:15px;margin-bottom:80px}}@media screen and (max-width:500px){.button{width:55px;height:55px}}.essays{display:flex;justify-content:center;text-align:center;padding-inline:8%;align-items:center;flex-direction:column;opacity:0;flex-grow:1}.essays .header{text-align:center;margin-bottom:30px}.essays .error-text{margin-bottom:45%}.show-essays{animation-name:show-essays;animation-duration:2.5s;animation-fill-mode:forwards}@keyframes show-essays{0%{opacity:0}to{opacity:1}}.portfolio{flex-basis:0;flex-grow:1;min-height:0;min-width:0;display:flex;padding:3%;flex-direction:column;justify-content:flex-start;transition:opacity 1s linear}.portfolio .top{flex-grow:1}.portfolio .bottom,.portfolio .top{flex-basis:0;min-height:0;min-width:0;width:100%;max-width:900px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.portfolio .bottom{flex-grow:0.9}.portfolio .top img{height:80%;border:1px solid rgba(0,0,0,.3);border-radius:15px}.portfolio .bottom img,.portfolio .top img{width:100%;min-height:0;min-width:0;object-fit:cover}.portfolio .bottom img{height:65%;border:1px solid rgba(0,0,0,.3);border-radius:12px}.bottom .img,.top .img{flex-basis:0;flex-grow:1;height:90%;min-height:0;min-width:0;margin:1%;display:flex;flex-direction:column;object-fit:cover}.project-title{font-size:18px;display:flex;flex-basis:0;padding:5px 10px;flex-grow:1;align-items:center}.katchup{font-family:Rubik;font-weight:800;color:#c94c4b}.truphl{font-family:Poppins;color:#4971a5}.prioreo,.truphl{font-weight:800;object-position:0 0}.prioreo{font-family:Quicksand;color:#151618}.gravitio{font-family:Poppins;font-weight:800;object-position:0 0;color:#74adfa}.bakudu{font-family:Prompt;font-weight:900;color:#df4e22}.portfolio .img:hover img{filter:brightness(.8);transition:filter .15s linear}.portfolio-image{flex-basis:0;flex:1 1;object-fit:cover;min-width:420px;height:90%;border:1px solid rgba(0,0,0,.3);border-radius:10px;box-shadow:0 4px 5px rgba(0,0,0,.25)}.portfolio-image:hover{filter:brightness(.8);transition:filter .15s linear}.katchup-header{font-family:Rubik;font-weight:800;color:#c94c4b;font-size:22px;margin-block:15px;overflow:scroll}.katchup-content{padding:3%;display:flex;opacity:1;flex-direction:column;justify-content:center}.bakudu-content,.gravitio-content,.prioreo-content,.truphl-content{padding-inline:3%;display:flex;opacity:1;flex-direction:column;justify-content:center}.built-with{font-family:Poppins;font-weight:300;font-size:14px;color:rgba(0,0,0,.4);margin-block:30px}.truphl-header{font-family:Poppins;font-weight:800;font-size:22px;color:#4971a5}.prioreo-header{font-family:Quicksand;font-weight:800;font-size:22px;color:#151618}.gravitio-header{font-family:Poppins;font-weight:800;font-size:22px;color:#74adfa}.bakudu-header{font-family:Prompt;font-weight:900;font-size:22px;color:#df4e22}@media screen and (max-width:800px){.portfolio-image{min-width:0;width:98%;align-self:center}.portfolio .top{flex-basis:0;flex-grow:1;width:100%}.portfolio .bottom{display:unset;flex-direction:column;justify-content:flex-start}.portfolio .top .img{margin:3%}.portfolio .top .img img{height:80%}.portfolio .bottom .img{margin:3% 3% 15px}.portfolio .bottom .img img,.project-title{min-height:0;flex-grow:1}.project-title{flex-basis:0;display:flex;align-items:center;justify-content:center;padding:25px}.katchup-content{margin-top:5px}.katchup-header{font-size:30px;text-align:center;margin-bottom:5px}.bakudu-header,.gravitio-header,.prioreo-header,.truphl-header{font-size:30px;text-align:center;margin-top:35px}}@media screen and (max-width:500px){.portfolio-image{min-width:0;width:98%;align-self:center}}