:root{--accent: rgb(53, 101, 150);--variant: rgba(65, 157, 120, .6);--cordovan: rgba(144, 45, 65, 1);--cord-pale: rgba(144, 45, 65, .6);--cat: "Catamaran", sans-serif;--mate: "Mate", serif;--pridi: "Pridi", serif;--drop-text: drop-shadow(0px 21px 21px black);--qs: "Quicksand", sans-serif;line-height:24px;font-size:24px;color:#fff;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;overflow-x:hidden;overflow-y:scroll;--pattern-blue: url(/pattern_blue.jpg)}#root{text-align:center;font-family:var(--mate);font-weight:700}.App{overflow-x:hidden}.App:before{content:"";background-position:center;background-image:var(--pattern-blue);background-size:cover;object-fit:cover;position:fixed;top:0;right:0;bottom:0;left:0;opacity:.4;filter:saturate(.4);height:100vh;z-index:-1}body{margin:0}body::-webkit-scrollbar{width:7px;background-color:#000}body::-webkit-scrollbar-track{background-color:#000}body::-webkit-scrollbar-thumb{background-color:var(--cordovan);border-radius:4px}h5,h6{font-family:var(--mate);font-style:italic}#grid-container-main{width:36rem;grid-auto-rows:12rem;display:grid;margin:auto;grid-template-columns:1fr 1fr 1fr;transition:all .66s ease-in;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:50%;box-shadow:inset 0 -5rem 12rem .06rem #2323236e,inset 0 -15px 1rem .06rem #4646413b,0 3rem 2.33rem .99rem #00000070;mix-blend-mode:color-dodge;margin-top:3rem}.category-container{width:100%;display:flex;flex-direction:column;margin:0 auto;overflow-x:hidden}.bracket-frame{color:var(--accent);font-size:1rem;font-family:var(--qs);transform:translateY(-3px)}.nameplate{cursor:default;display:flex;justify-content:center;grid-area:2 / 2 / 3 / 3;flex-flow:column nowrap;height:10rem;font-family:var(--mate);font-style:italic}.name-parens{color:var(--accent);letter-spacing:.17rem}.josh{padding:0 .17rem}.name-cell>h1{font-size:3.5rem;margin-bottom:1rem}.name-cell>h2{font-size:2.25rem}.name-cell>h1,.name-cell>h2{filter:var(--drop-text)}.name-cell>span{font-size:.66rem;font-family:var(--cat);letter-spacing:2px}.profession{filter:var(--drop-text);display:flex;justify-content:center;align-items:center;line-height:1}.category-header{font-size:1.66rem;display:flex;align-items:center;justify-content:space-between;margin:1rem 2rem}.category-title{font-family:var(--cat);margin:0 .5rem;pointer-events:none;font-size:1.33rem}.title-with-icons{display:flex;justify-content:center;align-items:center}.title-icon{font-size:.77rem}.back-btn{cursor:pointer;font-size:1rem}.back-btn:hover *{scale:1.03}.back-btn:after{position:absolute;content:"ESC";border:1px solid gray;padding:0 4px;font-size:.5rem;line-height:1.5;margin-top:-1rem;margin-left:.33rem;background-color:#fff;color:#000;box-shadow:0 6px 9px 1px #00000057}.accolades-box{display:flex;flex-flow:row wrap;margin:3rem auto 0;overflow-y:hidden}.magnify-controls{margin-top:3rem}.mag-strength{margin:.33rem;font-size:.8rem;font-family:var(--mate)}.mag-value{margin:.33rem}.magnify-instruction{margin-bottom:-3rem;font-size:.66rem}.badges-box,.certs-box{display:flex;justify-content:center;align-items:center;flex-flow:row wrap;margin:1rem auto}.social-container{display:flex;justify-content:center;align-items:center;margin-bottom:3rem;margin-top:6rem}.social-icon{transition:all .3s;margin:1rem;padding:6px}.social-icon:hover{cursor:pointer;color:var(--accent);background-color:#fffd;border-radius:50%}.devto-header{display:flex;justify-content:center;align-items:center;transition:all .33s;font-family:var(--mate)}.devto-link{color:#fffd;cursor:pointer;margin:0 .33rem;font-size:1.66rem}.devto-header:hover:before{content:"{";color:var(--cordovan);font-size:1.5rem}.devto-header:hover:after{content:"}";color:var(--cordovan);font-size:1.5rem}.contact-container{display:flex;flex-flow:column nowrap;width:66%;margin:0 auto}.category-back-btn,.category-next-btn{background:none;color:#fff;border:none;font-size:2rem;cursor:pointer;display:flex;justify-content:center;align-items:center}.category-back-btn:hover:before{content:""}.category-back-btn:hover,.category-next-btn:hover{color:var(--variant)}.level-bar{border-radius:3px;background-color:var(--accent);opacity:.9;color:#000;width:100%}.about-box{font-family:var(--pridi);line-height:1.15;font-size:.88rem;width:66vw;margin:3rem auto}.tools-list{list-style-type:none;padding:0}.tools-list>li{margin:1rem auto}.tools-list>li>a{font-size:2rem;color:var(--accent);text-decoration:none}.tools-list>li>a:hover{color:var(--cordovan)}textarea::placeholder{font-size:.66rem}img{width:10rem}.menu-cell{display:flex}.menu-title{filter:drop-shadow(0px 3px 1px black);transition:all .33s;opacity:.6;text-transform:uppercase;font-family:var(--cat);letter-spacing:2px;margin:1rem}.cat-char-underlined{text-decoration:underline var(--accent)}.menu-cell:hover>.menu-title{filter:drop-shadow(0px 6px 1px black) saturate(1.5);transform:translateY(-3px);opacity:1}.menu-cell:nth-child(2){justify-content:flex-end;align-items:flex-end}.menu-cell:nth-child(4){justify-content:flex-start;align-items:flex-end}.menu-cell:nth-child(7){justify-content:flex-end;align-items:flex-start}.menu-cell:nth-child(9){justify-content:flex-start;align-items:flex-start}.menu-cell{display:flex;justify-content:center;align-items:center;border-radius:3px;transition:all .1s}.click-notification{position:absolute;transform:translateY(-1.5rem)}.menu-cell:hover{cursor:pointer}.cell-title{display:flex;pointer-events:none}.placeholder{pointer-events:none}.resume{margin-top:3rem}.resume>*{height:54rem}.mobile-resume{display:flex;flex-flow:column nowrap;margin-top:5rem}.mobile-resume>a{padding:5px 8px;cursor:pointer;transition:all .3s;font-family:var(--qs);font-size:.8rem;text-decoration:none}.mobile-resume>a:first-child{background:var(--accent);color:#fff;border-radius:5px 5px 0 0}.mobile-resume>a:first-child:hover{background:white;color:var(--accent)}.mobile-resume>a:nth-child(2){background:var(--variant);color:#fff;border-radius:0 0 5px 5px}.mobile-resume>a:nth-child(2):hover{background:white;color:var(--variant)}.contact-msg-input{width:66%;height:99%;resize:none;border-radius:6px;background-color:#f8f8f8ef;color:#000;font-size:1.33rem;padding:1rem}#name{border-radius:3px;font-size:1rem;text-align:center}#name::placeholder{font-size:.66rem;opacity:.66;font-family:monospace}.send-btn{margin-top:.66rem;cursor:pointer;font-size:.66rem;padding:1rem}.visitor-details{display:flex;flex-flow:column nowrap;margin:3rem auto}.visitor-details>label{font-size:.66rem}.visitor-details>input{background:none;transition:all .18s;min-width:9rem;max-width:66%;margin:.33rem auto;color:#fff}.visitor-details>input:focus{transform:scale(1.02);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.contact-message{min-height:18rem}.contact-message>textarea{min-height:15rem;caret-color:var(--accent);background:none;color:#fff;font-family:var(--italy);transition:all .18s;letter-spacing:3px}textarea:focus{transform:scale(1.02);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.cert-div{position:relative;margin:1rem}.cert-div img{border-radius:6px}.cert-div:hover{cursor:crosshair}.student-feedback{width:100%}.student-feedback p{text-align:left;text-indent:2rem;max-width:500px;margin:2rem auto;font-family:var(--pridi);font-size:.8rem;line-height:1.3}@media screen and (max-width: 767px){#grid-container-main{display:flex;flex-flow:column nowrap;align-items:center;width:auto;box-shadow:none;mix-blend-mode:normal;-webkit-backdrop-filter:none;backdrop-filter:none}#grid-container-main>.menu-cell{text-align:center}.category-container{flex-flow:column nowrap;align-items:center;justify-content:center;margin:2rem auto 9rem;width:100vw}.back-btn:after{display:none}.nameplate{margin-bottom:3rem}.ua-bracket{color:var(--accent);font-size:80%}.name-cell:after{width:66vw}.menu-title{filter:drop-shadow(0px 6px 1px black);transform:translateY(-3px);opacity:1}.about-box{width:90vw}.social-container{flex-flow:column nowrap;width:66%}.contact-container{width:100%;margin:0 auto}.category-header{flex-flow:column nowrap}.category-title{font-size:1.5rem;text-decoration:none}.accolades-box{flex-flow:row wrap;align-items:center;justify-content:center}.resume{width:100%}.cert-div{margin:1rem 0}.skill-switch-header{width:90%}.project-story{margin:1rem .33rem}.tooltip{display:none}}.footnote{margin:6rem auto 2rem;bottom:0;font-size:.5rem;color:#ffffffc4;width:33%;font-family:var(--pridi)}.footnote>p{display:flex;justify-content:center;align-items:center;margin:0 auto;line-height:1.5;pointer-events:none}.footnote>p:nth-child(2){font-size:.66rem;filter:drop-shadow(0px 5px 1px black)}.footnote>p:nth-child(4){margin-top:1rem}#canvas-element{width:100%;height:100%;display:block}.project-container{margin:1rem 0 5rem;background-color:#0f0f0fde;padding-bottom:1rem;width:100vw;box-shadow:0 3px 1px 1px #0f0f0fe6}.scroll-btn{cursor:pointer;border:none;background:none}.scroll-top-btn{margin-top:33vh}.scroll-bottom-btn{margin-bottom:33vh}.scroll-overlay{display:flex;visibility:hidden;flex-flow:column nowrap;justify-content:space-between;align-items:space-between;height:100vh;position:fixed;right:0;top:0;bottom:0;z-index:10}.project-wrapper{display:grid;font-size:.66rem;color:#fff;max-width:1024px;margin:0 auto}.project-images{margin:1rem auto}.project-image{border-radius:6px;margin:1rem;cursor:pointer;object-position:center}.project-images:hover:before{content:"Click to enlarge";border-bottom:1px solid var(--accent);position:absolute;margin-top:-1rem;text-align:center;color:#fff;left:50%;transform:translate(-50%);font-style:italic;z-index:5}.git-links{display:flex;flex-flow:column nowrap;align-items:center;margin:0 auto 2rem;width:33%}.git-links>button{background:none;color:#fff;border-left:2px solid var(--accent);border-right:3px solid white;border-radius:3px;margin:3px auto;font-family:var(--pridi);cursor:pointer}.git-links>button:disabled{cursor:unset;opacity:.5}.project-wrapper{max-width:38rem}.project-wrapper>p{padding-left:3rem;margin-left:1rem;margin-right:1rem;text-align:left}.project-wrapper>h4{margin-left:3rem;margin-right:auto;text-align:left}.project-name{font-size:1.33rem;filter:drop-shadow(0px 12px 1px 3px rgba(0,0,0,1));font-family:var(--mate);font-style:italic}.name-brace{color:var(--cordovan);font-size:1.66rem;margin:.33rem}.project-description{max-width:50%;font-size:.8rem;font-family:var(--cat);padding-left:3rem;margin-top:0}.project-story{font-family:var(--cat);max-width:24rem;margin:0 auto auto;padding:1rem;text-align:center}.hr-md{width:66%;border-radius:50%}.hr-sm{width:33%;border-radius:50%}.project-filters-container{max-width:350px;margin:2rem auto 1rem}.filter-btn,.filter-btn-active{background:rgba(10,10,10,.5);color:#fff;border-radius:.33rem;cursor:pointer;padding:.11rem .33rem;margin:3px}.filter-btn-active{border:1px solid white}.filter-btn:hover{background-color:var(--variant)}.filter-btn-active:hover{background-color:var(--cordovan)}.tooltags-header,.tooltags-subheader{pointer-events:none;margin:.33rem auto}.clear-filters-btn{background:rgba(250,250,250,.9);color:#000;border-radius:5px}.sort-direction-control{display:flex;justify-content:center;align-items:center;cursor:pointer;width:13rem;font-size:.8rem;margin:0 auto}.sort-direction-control:hover>p{color:#f0f0f0cc}.arrow-up{transition:all .3s}.arrow-down{transform:rotate(180deg);transition:all .3s}.tools-container{display:flex;flex-flow:row wrap;justify-content:center;max-width:66%;margin:0 auto}.tools-label{padding-bottom:0;margin-bottom:0}.tool{display:flex;justify-content:center;margin:.33rem 1rem;font-family:var(--pridi);border-radius:3px;cursor:pointer;border-bottom:1px solid var(--cordovan);transition:transform .3s}.active-header{margin:.33rem .66rem;pointer-events:none}.active-filters{display:flex;justify-content:center;align-items:center}.tool:hover{transform:translateY(-3px)}.tool-hover-iframe{position:absolute;margin-top:-15rem;width:66%;height:18rem}.modal-exit-btn{position:absolute;left:0;background-color:var(--cordovan);color:#fff;bottom:-1rem;width:90vw;z-index:3;cursor:pointer;transition:all .33s}.modal-exit-btn:hover{color:var(--cordovan);background-color:#fff}.modal-container{position:absolute;top:10%;left:50%;transform:translate(-50%);background:white}.modal-container>img{margin-left:auto;margin-right:auto}.modal-container>iframe{width:90vw;height:66vh}.tooltip{position:relative;background:rgba(0,0,0,.7);color:#fff;visibility:hidden;padding:5px;border-radius:5px}.tooltip-arrow{position:absolute;top:100%;left:50%;border-width:5px;border-style:solid;border-color:rgba(0,0,0,.7) transparent transparent}@media screen and (max-width: 767px){.tools-container{max-width:90%;justify-content:space-between}.project-description{padding:0}.project-wrapper>h4{margin-left:1rem}.project-wrapper[data-orientation=left]>p,.project-wrapper[data-orientation=right]>p{padding:0 1rem}}input[type=range]{height:34px;-webkit-appearance:none;margin:10px 0;width:13rem;background:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:12px;cursor:pointer;box-shadow:1px 1px 1px #020;background:var(--variant);border-radius:1px}input[type=range]::-webkit-slider-thumb{box-shadow:2px 2px 3px #020;border:2px solid #83e584;height:23px;width:23px;border-radius:23px;background:var(--variant);cursor:pointer;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#205928}input[type=range]::-moz-range-track{width:100%;height:12px;cursor:pointer;box-shadow:1px 1px 1px #020;background:#205928;border-radius:1px;border:1px solid #18d501}input[type=range]::-moz-range-thumb{box-shadow:3px 3px 3px #020;border:2px solid #83e584;height:23px;width:23px;border-radius:23px;background:#439643;cursor:pointer}input[type=range]::-ms-track{width:100%;height:12px;cursor:pointer;background:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:#205928;border:1px solid #18d501;border-radius:2px;box-shadow:1px 1px 1px #020}input[type=range]::-ms-fill-upper{background:#205928;border:1px solid #18d501;border-radius:2px;box-shadow:1px 1px 1px #020}input[type=range]::-ms-thumb{margin-top:1px;box-shadow:3px 3px 3px #0a0;border:2px solid #83e584;height:23px;width:23px;border-radius:23px;background:#439643;cursor:pointer}