:root{--font-color: black;--bg-color: white;--bg-accent: #00008020;--accent: #ffd700;--highlighter: #ffd70033;--accent-border: rgba(128, 0, 255, .03);--page-padding: 0px;margin:0;height:100%;overflow:hidden;font-family:Montserrat,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.1;font-weight:400;font-size:1.25em;color-scheme:light dark;background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100vw;max-width:100%}html,a{color:var(--font-color)}span:first-line{margin-left:-.05em}span{margin-left:-.05em}a::selection,span::selection{background-color:#000;color:#000}::selection{background-color:#000}button{text-transform:lowercase;font-size:16px;background-color:#fff;border:1px solid black;color:#000;padding:10px 20px;cursor:pointer}button:hover:not([disabled]){background-color:#000;color:#fff}button:disabled{opacity:.2}.hide-scroll::-webkit-scrollbar{display:none}.no-select{-webkit-user-select:none;user-select:none}.highlight{position:relative;display:inline-block}.highlight:after{content:" "}.highlight:before{content:"";display:block;background-color:#ffd70033;width:100%;height:50%;z-index:-1;position:absolute}.simple-highlight{background-color:var(--highlighter)}.fade{opacity:1;transition:opacity .1s linear}.fade:hover{opacity:.5;cursor:pointer}.hover-zoom{transition:filter .3s ease-in-out,transform .3s ease-in-out}.hover-zoom:hover{transform:scale(103%);filter:brightness(1.1)}.page{height:100%;width:100vw;position:absolute;left:0}.page-content{width:calc(100% - 2px);height:100%;overflow:hidden;overflow-y:auto}.hero-image{-webkit-user-select:none;user-select:none}.sardonic-rotate{overflow:hidden}.sardonic-rotate img{animation:sardonicRotateAnimation ease-in-out .5s;animation-iteration-count:infinite}@keyframes sardonicRotateAnimation{0%{transform:rotate(0) scale(1)}33%{transform:rotate(-5deg) scale(1.1)}80%{transform:rotate(5deg) scale(.99)}to{transform:rotate(0) scale(1)}}body{margin:0px var(--page-padding);height:100%;border-top:none;border-bottom:none;display:flex;justify-content:center}.header-banner{justify-content:space-between;padding:8px 14px;height:50px;box-sizing:border-box;border-bottom:1px solid black;z-index:100;-webkit-user-select:none;user-select:none}.footer{justify-content:space-between;font-size:14px;padding:8px 14px;background-color:#fff;width:100%;height:50px;bottom:0;box-sizing:border-box;border-top:1px solid black}.footer i{font-size:18px}.footer-icons a{margin-left:10px}.header-name{text-decoration:none}.nav-element{margin-left:20px;text-decoration:none;-webkit-user-select:none;user-select:none}.nav-selected{border-bottom:1px solid black}.kiss-my-ass{-webkit-user-select:none;user-select:none;min-height:60vh}.kiss-my-ass .big-bullshit{font-size:min(120px,7vw);font-weight:600}.kiss-my-ass .mocking-bullshit{font-size:min(48px,5vw);font-weight:300}@media only screen and (max-width: 666px){.kiss-my-ass{min-height:140vw;max-width:100vw}.kiss-my-ass .big-bullshit{font-size:min(4em,14vw)}}.project-card-container{width:256px;justify-content:flex-end}.project-card-container .project-card-box img{transition:transform .25s ease-in-out}.big-text{font-size:min(72px,4vw)}.medium-text{font-size:min(32px,2vw)}.quote-box{width:100%;font-size:4em;font-weight:600;padding:20px 0;border-bottom:1px solid black;animation:fadeInAnimation ease 2s}@media only screen and (max-width: 666px){.quote-box{font-size:2em}.medium-text{font-size:1.5em}}@keyframes fadeInAnimation{0%{opacity:0}10%{opacity:0}to{opacity:1}}.project-card-container:hover{opacity:.9}.project-card-container:hover .project-card-box img{transform:scale(1.1) rotate(2deg)}.project-card-box{outline:5px solid black;outline-offset:-2px;margin-right:50px;margin-bottom:18px;text-align:center;position:relative;overflow:hidden}.project-card-box img{z-index:-1;position:absolute;top:0;image-rendering:pixelated}.project-card-title{width:100%;background-color:#000;color:#fff;position:absolute;bottom:0;padding:4px}.portfolio-tags{margin-bottom:4px;font-size:1.5em;width:100%;text-wrap:wrap}.portfolio-title{width:80%;font-size:min(9vw,6em);font-weight:600;margin-bottom:-.1em}.portfolio-subtitle{font-size:min(6vw,3em);font-weight:200;padding:12px 0 24px;width:80%}.portfolio-description{font-size:min(6vw,1.5em)}.portfolio-external-link{position:absolute;right:40px;box-shadow:#fff 0 0 0 8px}@media only screen and (max-width: 666px){.portfolio-external-link{position:inherit;margin-bottom:12px}.portfolio-tags{margin-top:12px;font-size:.9em}.portfolio-title{margin-top:12px;font-size:2.1em}.portfolio-subtitle{margin-top:12px;font-size:1.5em}.portfolio-description{font-size:1.5em;margin-bottom:12px}}.contact-options i{width:50px;padding-bottom:12px}.resume{border:1px solid black;padding:20px;margin:20px;overflow:scroll;font-size:16px}.resume-section{margin-bottom:20px;width:900px}.resume-section .title{font-size:32px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid black}.resume-section-item{font-size:1em;margin-top:12px;position:relative}.resume-section-item .details-container{width:100%;justify-content:space-between;padding-bottom:2px}.resume-section-item .details-container .date{width:fit-content}.resume-section-item .details-container .company{font-weight:600}.resume-section-item .details-container .contract{font-size:12px}.resume-section-item .details-container .position-container{position:absolute;left:350px}.resume-section-item .details-container .position{width:fit-content}.resume-section-item .details-container .date{text-align:right}.resume-section-item .sub-items{margin-left:10px;margin-top:8px;margin-bottom:10px;padding-left:10px;border-left:1px solid black}.resume-section-item .duties{font-size:14px}.resume-section-item .duties ul{margin-top:2px;margin-bottom:10px}.resume-section-item .duties li{padding:2px}@media only screen and (max-width: 940px){.resume{border:none;font-size:12px;width:100%;padding:0;margin:0}.resume-section{width:calc(100% - 40px);margin:20px}.resume-section-item .details-container{justify-content:flex-start;align-items:center}.resume-section-item .details-container .company{width:100%}.resume-section-item .details-container .position-container{margin:auto;position:inherit;text-align:center}}.trash-can{-webkit-user-select:none;user-select:none;color:#0003}.trash-can:active{animation:.25s shake-wobble ease-in-out}@keyframes shake-wobble{0%{transform:rotate(0)}30%{transform:rotate(-5deg)}70%{transform:rotate(5deg)}to{transform:rotate(0)}}.olos-page{margin:20px 0 50px 40px;position:relative}.olos-page .header{justify-content:space-between;margin-bottom:20px}.olos-page .header img{margin-left:-60px}.olos-page .header-text{text-align:right}.olos-page .title{font-size:6em;font-weight:800}.olos-page .gallery{width:100%}@media only screen and (max-width: 960px){.olos-page{margin:20px 0 0;position:relative}.olos-page .header{justify-content:space-between}.olos-page .header img{margin-left:0}.olos-page .header-text{text-align:left}.olos-page .title{font-size:4em;font-weight:800}.olos-page .gallery{flex-wrap:wrap}.olos-page .gallery img{width:100%}}