@font-face{font-family:ygo;src:url(/portfolio/assets/ygo-645e991a.ttf)}@font-face{font-family:DIN light;src:url(/portfolio/assets/Rubik-59182418.ttf)}@font-face{font-family:joshFont;src:url(/portfolio/assets/cmunbx-643afcc8.ttf)}@font-face{font-family:clickbait;src:url(/portfolio/assets/HuskyStash-cb03be16.otf)}@font-face{font-family:DIN;src:url(/portfolio/assets/ygo-645e991a.ttf)}@font-face{font-family:serifItalic;src:url(/portfolio/assets/matrixReg-57eb2732.otf)}@-webkit-keyframes hueRotate{to{-webkit-filter:hue-rotate(10deg);filter:hue-rotate(10deg)}}@keyframes hueRotate{to{-webkit-filter:hue-rotate(10deg);filter:hue-rotate(10deg)}}@media (prefers-reduced-motion: reduce){*{-webkit-animation-duration:0s!important;animation-duration:0s!important;transition-duration:0s!important}}@-webkit-keyframes color1{0%{top:0vh;left:50vw}25%{left:0vw}50%{top:100vh}75%{left:100vw}to{top:0vh;left:50vw}}@keyframes color1{0%{top:0vh;left:50vw}25%{left:0vw}50%{top:100vh}75%{left:100vw}to{top:0vh;left:50vw}}@-webkit-keyframes color2{0%{top:50vh;left:100vw}25%{top:100vh}50%{left:0vw}75%{top:0vh}to{top:50vh;left:100vw}}@keyframes color2{0%{top:50vh;left:100vw}25%{top:100vh}50%{left:0vw}75%{top:0vh}to{top:50vh;left:100vw}}@-webkit-keyframes color3{0%{top:100vh;left:50vw}25%{left:100vw}50%{top:0vh}75%{left:0vw}to{top:100vh;left:50vw}}@keyframes color3{0%{top:100vh;left:50vw}25%{left:100vw}50%{top:0vh}75%{left:0vw}to{top:100vh;left:50vw}}html,body,#root,#App{overflow:hidden!important}#projectSubtitle{font-family:serifItalic}#projectDescription,p,.section,#skillsBox{font-family:DIN light;font-weight:400;font-size:.8rem;text-align:justify}#projectDescription{padding:2% 3% 0;-moz-text-align-last:center;text-align-last:center}#skillsBox{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;font-size:.6rem;text-align:center!important}#skill{background:rgba(0,0,255,.2);padding:1%;border-radius:10px;margin:1%;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important;text-align:center!important}.clickbait h3{font-family:clickbait;text-transform:lowercase}.projectLogo{width:80%;margin:3% auto 0}.clickbait .projectLogo{height:80px!important;margin:3% auto 0}.joshSite h3{font-family:joshFont}#gameAI{color:orange!important;text-transform:uppercase!important}.color1{box-shadow:0 0 45vmax 45vmax purple;-webkit-animation:hueRotate 10s 0s linear infinite,color1 19s 0s linear infinite;animation:hueRotate 10s 0s linear infinite,color1 19s 0s linear infinite}.color2{box-shadow:0 0 45vmax 45vmax #00f;-webkit-animation:hueRotate 15s 0s linear infinite,color2 25s 0s linear infinite;animation:hueRotate 15s 0s linear infinite,color2 25s 0s linear infinite}.color3{box-shadow:0 0 45vmax 45vmax red;-webkit-animation:hueRotate 20s 0s linear infinite,color3 15s 0s linear infinite;animation:hueRotate 20s 0s linear infinite,color3 15s 0s linear infinite}@-webkit-keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@-webkit-keyframes bob{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes bob{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.cardActive #sectionPic{-webkit-animation:logoGlow 2s 0s ease alternate infinite;animation:logoGlow 2s 0s ease alternate infinite;width:100%!important}@-webkit-keyframes logoGlow{0%{-webkit-filter:brightness(4);filter:brightness(4)}to{-webkit-filter:brightness(15);filter:brightness(15)}}@keyframes logoGlow{0%{-webkit-filter:brightness(4);filter:brightness(4)}to{-webkit-filter:brightness(15);filter:brightness(15)}}#sectionPic{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@-webkit-keyframes huge-glow{0%{-webkit-filter:drop-shadow(0px 0px 10px pink) brightness(.5);filter:drop-shadow(0px 0px 10px pink) brightness(.5)}50%{-webkit-filter:drop-shadow(0px 0px 200px pink) brightness(1);filter:drop-shadow(0px 0px 200px pink) brightness(1)}to{-webkit-filter:drop-shadow(0px 0px 500px rgba(255,192,203,.1)) brightness(.5);filter:drop-shadow(0px 0px 500px rgba(255,192,203,.1)) brightness(.5)}}@keyframes huge-glow{0%{-webkit-filter:drop-shadow(0px 0px 10px pink) brightness(.5);filter:drop-shadow(0px 0px 10px pink) brightness(.5)}50%{-webkit-filter:drop-shadow(0px 0px 200px pink) brightness(1);filter:drop-shadow(0px 0px 200px pink) brightness(1)}to{-webkit-filter:drop-shadow(0px 0px 500px rgba(255,192,203,.1)) brightness(.5);filter:drop-shadow(0px 0px 500px rgba(255,192,203,.1)) brightness(.5)}}@-webkit-keyframes pulsing-shadow{0%{-webkit-filter:drop-shadow(0px 0px 4px lightyellow) drop-shadow(0px 0px 100px blue);filter:drop-shadow(0px 0px 4px lightyellow) drop-shadow(0px 0px 100px blue)}20%{-webkit-filter:drop-shadow(0px 0px 7px lightblue) drop-shadow(0px 0px 5px red);filter:drop-shadow(0px 0px 7px lightblue) drop-shadow(0px 0px 5px red)}50%{-webkit-filter:drop-shadow(0px 0px 70px lightblue) drop-shadow(0px 0px 5px pink);filter:drop-shadow(0px 0px 70px lightblue) drop-shadow(0px 0px 5px pink)}80%{-webkit-filter:drop-shadow(0px 0px 40px lightyellow) drop-shadow(0px 0px 10px green);filter:drop-shadow(0px 0px 40px lightyellow) drop-shadow(0px 0px 10px green)}to{-webkit-filter:drop-shadow(0px 0px 3px lightpink) drop-shadow(0px 0px 100px purple);filter:drop-shadow(0px 0px 3px lightpink) drop-shadow(0px 0px 100px purple)}}@keyframes pulsing-shadow{0%{-webkit-filter:drop-shadow(0px 0px 4px lightyellow) drop-shadow(0px 0px 100px blue);filter:drop-shadow(0px 0px 4px lightyellow) drop-shadow(0px 0px 100px blue)}20%{-webkit-filter:drop-shadow(0px 0px 7px lightblue) drop-shadow(0px 0px 5px red);filter:drop-shadow(0px 0px 7px lightblue) drop-shadow(0px 0px 5px red)}50%{-webkit-filter:drop-shadow(0px 0px 70px lightblue) drop-shadow(0px 0px 5px pink);filter:drop-shadow(0px 0px 70px lightblue) drop-shadow(0px 0px 5px pink)}80%{-webkit-filter:drop-shadow(0px 0px 40px lightyellow) drop-shadow(0px 0px 10px green);filter:drop-shadow(0px 0px 40px lightyellow) drop-shadow(0px 0px 10px green)}to{-webkit-filter:drop-shadow(0px 0px 3px lightpink) drop-shadow(0px 0px 100px purple);filter:drop-shadow(0px 0px 3px lightpink) drop-shadow(0px 0px 100px purple)}}@-webkit-keyframes blur-in{0%{-webkit-filter:blur(20px);filter:blur(20px);opacity:0;transform:translateY(50%)}to{-webkit-filter:blur(0px);filter:blur(0px);opacity:1}}@keyframes blur-in{0%{-webkit-filter:blur(20px);filter:blur(20px);opacity:0;transform:translateY(50%)}to{-webkit-filter:blur(0px);filter:blur(0px);opacity:1}}body{background:white}#activeCard{height:100%;width:200px;grid-area:activeCardHolder;bottom:0;right:10%;z-index:-2;margin:auto}.activeCard{pointer-events:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;-webkit-filter:brightness(.5);filter:brightness(.5);height:100%!important;transition:all .5s ease-in-out!important;z-index:-2!important;position:relative}#activeCardParent{display:flex;justify-content:center;align-items:flex-end;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background:rgb(90,37,11)}.bigCircle{height:300px;width:300px;border-radius:50%;background:rgba(255,255,255,.6);-webkit-animation:circleAnimation 1s infinite;animation:circleAnimation 1s infinite;overflow:visible;-webkit-backdrop-filter:brightness(3.5);backdrop-filter:brightness(3.5)}.card{overflow:hidden!important}.card:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:95%;height:95%;border:1px solid #999;box-sizing:border-box;border-radius:5px}.sun{position:relative;background:radial-gradient(ellipse at center,#ffd700 0%,transparent 80%);-webkit-animation:sun-glow 4s ease-in-out infinite;animation:sun-glow 4s ease-in-out infinite}.sun:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:0 0 20px 10px gold;-webkit-animation:sun-rays 8s linear infinite;animation:sun-rays 8s linear infinite}@-webkit-keyframes sun-glow{0%{background:radial-gradient(ellipse at center,#ffd700 0%,transparent 80%)}50%{background:radial-gradient(ellipse at center,#ffd700 10%,transparent 80%)}to{background:radial-gradient(ellipse at center,#ffd700 0%,transparent 80%)}}@keyframes sun-glow{0%{background:radial-gradient(ellipse at center,#ffd700 0%,transparent 80%)}50%{background:radial-gradient(ellipse at center,#ffd700 10%,transparent 80%)}to{background:radial-gradient(ellipse at center,#ffd700 0%,transparent 80%)}}@-webkit-keyframes sun-rays{0%{transform:rotate(0);box-shadow:0 0 20px 10px gold}to{transform:rotate(360deg);box-shadow:0 0 20px 10px gold}}@keyframes sun-rays{0%{transform:rotate(0);box-shadow:0 0 20px 10px gold}to{transform:rotate(360deg);box-shadow:0 0 20px 10px gold}}body{display:flex;align-items:center;justify-content:center;min-height:100vh;color:#999}#cardMat{height:10%;margin:0 auto;border-radius:7px;width:100px}.cardActive{width:100%;height:100%;z-index:-1!important;background:none!important;position:relative;box-shadow:0 0 0 1px #00000003;transition:all .5s ease-in-out!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:0 0 30px #ffffff80!important;pointer-events:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.cardActive:after{position:absolute;content:"";top:0;left:0;right:0;z-index:-1;height:100%;width:100%;transform:translateZ(0);-webkit-filter:blur(15px);filter:blur(15px);background:linear-gradient(to left,#ff5770,#e4428d,#c42da8,#9e16c3,#6501de,#9e16c3,#c42da8,#e4428d,#ff5770);background-size:200% 200%;-webkit-animation:animateGlow 1.25s linear infinite;animation:animateGlow 1.25s linear infinite;-webkit-backdrop-filter:brightness(3.5)!important;backdrop-filter:brightness(3.5)!important;opacity:1}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes animateGlow{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes animateGlow{0%{background-position:0% 50%}to{background-position:200% 50%}}.card{overflow-x:visible;background-color:#ffffff1a;-webkit-backdrop-filter:blur(1px) brightness(.2);backdrop-filter:blur(1px);border-radius:7px}#resumeSection{width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;align-content:center;max-width:100%;grid-area:infoArea;position:relative}.noShow{display:none}#playingField{position:absolute;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:calc(100% - 32vh);display:grid;grid-template-columns:30% 70%;grid-template-rows:1fr;grid-template-areas:"summonArea infoArea";z-index:100;justify-content:center;align-items:center;width:100vw}#particles-js{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}#summonArea{margin-right:1rem;z-index:21;display:flex;flex-direction:column;justify-content:center;height:100%;position:relative;margin-left:10%;grid-template-areas:"summonArea"}.sectionGif{margin:0 auto;grid-area:summonArea;width:100%!important;position:relative;z-index:100!important;opacity:0;height:40vh;-o-object-fit:contain;object-fit:contain}.sectionGifActive{-webkit-animation:rise-up .4s ease-in-out forwards;animation:rise-up .4s ease-in-out forwards;z-index:100!important;opacity:1!important;-webkit-animation-delay:0s;animation-delay:0s}@-webkit-keyframes rise-up{0%{opacity:0;transform:translateY(50%) scale(.3);-webkit-filter:blur(10px) brightness(2.5);filter:blur(10px) brightness(2.5)}to{opacity:1;transform:translateY(0)}}@keyframes rise-up{0%{opacity:0;transform:translateY(50%) scale(.3);-webkit-filter:blur(10px) brightness(2.5);filter:blur(10px) brightness(2.5)}to{opacity:1;transform:translateY(0)}}@keyframes blur-in{0%{-webkit-filter:blur(10px);filter:blur(10px)}to{-webkit-filter:blur(0px);filter:blur(0px)}}@-webkit-keyframes summon-to-field{0%{opacity:0;-webkit-filter:blur(10px) brightness(2.5);filter:blur(10px) brightness(2.5);transform:translateY(50%) scale(.3)}to{opacity:1!important;transform:scale(1)}}@keyframes summon-to-field{0%{opacity:0;-webkit-filter:blur(10px) brightness(2.5);filter:blur(10px) brightness(2.5);transform:translateY(50%) scale(.3)}to{opacity:1!important;transform:scale(1)}}#selectorButton{transition:all .4s ease-in-out}#projectsTitle{font-family:DIN;font-size:2rem}#project{display:flex;flex-direction:column!important;justify-content:space-evenly;align-items:center;opacity:0;background:rgba(255,255,0,.18);border-radius:30px;padding:1rem;position:relative;height:60vh;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#project:before{content:"";position:absolute;top:10px;left:10px;right:10px;bottom:10px;border:1px solid rgba(255,255,255,.4);border-radius:30px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}#education #innerSection{background:none!important;-webkit-filter:none!important;filter:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-radius:30px;position:relative;margin-right:0;padding:2%;height:50vh;display:flex!important;flex-direction:row!important;justify-content:center;text-align:right}#compTitle{font-family:serifItalic;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;align-content:center;font-size:2rem;text-align:center;text-shadow:0px -10px 8px rgba(0,0,0,.8);-webkit-animation:slide-from-left .4s ease-in-out forwards;animation:slide-from-left .4s ease-in-out forwards;-webkit-animation-delay:.32s;animation-delay:.32s;opacity:0}#seeRight{font-family:serifItalic;margin-top:1rem;font-size:1rem}@-webkit-keyframes slide-from-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slide-from-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}#eduInfo{font-size:.8rem;display:flex;flex-direction:column;justify-content:center;margin-right:2.5rem;font-family:DIN light!important}#eduInfo h2{font-size:2rem}#myInfoAnimation{border-radius:50%;-webkit-filter:drop-shadow(0px 0px 80px orange);filter:drop-shadow(0px 0px 80px orange);width:100%}#expAnimation{-webkit-filter:drop-shadow(0px 0px 80px orange);filter:drop-shadow(0px 0px 80px orange)}#projAnimation{-webkit-filter:drop-shadow(0px 0px 80px orange);filter:drop-shadow(0px 0px 80px orange);width:80%}#eduAnimation{-webkit-filter:drop-shadow(0px 0px 80px orange);filter:drop-shadow(0px 0px 80px orange)}#myInfoBlock{background:rgba(255,255,255,.2);color:#000c;border-radius:30px;position:relative;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);margin:1% 5% 1% 50%;-webkit-animation:blur-in .4s ease-in-out forwards;animation:blur-in .4s ease-in-out forwards;opacity:0;-webkit-animation-delay:.32s;animation-delay:.32s;padding:1%;width:50%;font-size:.8rem;height:30rem;overflow-y:scroll;text-shadow:2px 1px 3px rgba(0,0,0,.2)}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.5)}}#App{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;justify-content:flex-start;align-items:flex-start;background:white;color:#000;width:100%;position:relative;overflow:hidden;justify-content:center;align-content:center;height:100%;z-index:1;background-color:#00000080}#App:before{height:100%;width:100%;position:absolute;content:"";top:0;left:0;background-image:url(/portfolio/assets/cardBg-f7e2f91f.png);background-size:cover;-webkit-backdrop-filter:multiply;backdrop-filter:multiply;opacity:.06}.colorBox{position:absolute;opacity:.2}#cardParent{height:100%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex;flex-direction:column;justify-content:flex-start;width:100%}h1,h2,h4,h5,h6{font-family:serifItalic;color:#000;text-shadow:2px 2px 7px black;margin:0}h3{font-family:serifItalic;font-size:1.5rem!important}#sectionName{font-family:serifItalic;border-radius:5px;white-space:pre;text-wrap:normal;text-transform:uppercase;font-size:1.3rem;letter-spacing:.1rem;text-shadow:2px 2px 7px black;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0 auto;padding-top:1rem;background:rgba(0,0,0,.2)}#imagesHolder{width:100%;display:flex;flex-direction:row;justify-content:space-evenly;flex-wrap:wrap}#imagesHolder img{width:20%;-o-object-fit:cover;object-fit:cover}#sectionDesc{font-family:Times;font-weight:400!important;font-style:italic}h2{color:#fff}.mobileActiveCardFlip{-webkit-animation:flip-scale-up-ver .3s linear both;animation:flip-scale-up-ver .3s linear both}.mobileActiveCard{box-shadow:0 0 50px pink!important;z-index:9000!important}@-webkit-keyframes flip-scale-up-ver{0%{transform:scale(1) rotateY(0)}50%{transform:scale(2) rotateY(180deg);-webkit-filter:brightness(.2) blur(5px);filter:brightness(.2) blur(5px)}to{transform:scale(1) rotateY(360deg)}}@keyframes flip-scale-up-ver{0%{transform:scale(1) rotateY(0)}50%{transform:scale(2) rotateY(180deg);-webkit-filter:brightness(.2) blur(5px);filter:brightness(.2) blur(5px)}to{transform:scale(1) rotateY(360deg)}}.projectImage{border-radius:10px;box-shadow:6px 6px 10px #00000080!important}@media (hover: hover){.projectImage:hover{-webkit-animation:pulseGlow .5s ease-in-out alternate infinite;animation:pulseGlow .5s ease-in-out alternate infinite;-o-object-fit:contain;object-fit:contain;transition:all .2s ease-in-out}.siteLink:hover{cursor:pointer;color:orange!important;transition:all .15s ease-in-out;background-color:#00000080!important}.siteLink:hover #visitText{transform:scale(1.2);transition:all .15s ease-in-out}#eduImage:hover{cursor:pointer;transition:all .5s ease-in-out;-webkit-animation:pulseGlow .5s ease-in-out alternate infinite;animation:pulseGlow .5s ease-in-out alternate infinite}.activeCard:hover{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#links a:hover{color:#fff!important;transform:scale(1.2);transition:.2s ease}}@media (max-width: 600px){#welcome{height:80%!important}#selectedEduImage{width:60%!important}#currentEduImage{flex-direction:column!important;justify-content:center;align-items:center}.section{border-radius:0!important}#selectorButtons{height:15vh!important}#shortBio{font-size:1rem!important;line-height:1.2rem}#myName{font-size:1.5rem!important}#skillsBox{margin-bottom:5%!important}.projectLogo{width:90%!important;-o-object-fit:contain!important;object-fit:contain!important}.siteLink{height:50%!important}#myInfoParent{width:100%!important;-webkit-animation:none!important;animation:none!important}#sectionName{font-size:.8rem!important}#dArrows{display:none!important}#eduInfo{margin-right:0!important}#projectDescription{font-size:3vw!important}.description{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:1fr 1fr!important;grid-auto-flow:row}.company,.location,.dates{font-family:DIN light!important;font-weight:600!important;line-height:1rem!important}.descriptionItem{background:rgba(0,0,0,.3)!important;display:flex;justify-content:center;align-items:center}#projectSubtitle{font-size:3.2vw!important}.arrow{font-size:6vw!important}#education #innerSection{width:95%!important;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;flex-direction:column!important;text-align:center!important}#education h3{display:none!important}#compTitle{width:100%!important;font-size:1.5rem;grid-area:title;-webkit-animation:swing-in-top-fwd .5s cubic-bezier(.175,.885,.32,1.275) both;animation:swing-in-top-fwd .5s cubic-bezier(.175,.885,.32,1.275) both}@-webkit-keyframes swing-in-top-fwd{0%{transform:rotateX(-100deg);transform-origin:top;opacity:0}to{transform:rotateX(0);transform-origin:top;opacity:1}}@keyframes swing-in-top-fwd{0%{transform:rotateX(-100deg);transform-origin:top;opacity:0}to{transform:rotateX(0);transform-origin:top;opacity:1}}.sectionGif{margin:0!important;grid-area:gif;overflow:hidden!important;justify-self:end}#selectedImageCaption{width:75%!important;font-size:2.5vw!important}#projectsTitle{display:none}#eduImagesParent{grid-template-columns:repeat(3,12vh)!important;grid-template-rows:repeat(3,6vh)!important;gap:1%}#innerSection{margin:auto!important}#education{grid-template-columns:1fr!important;grid-template-rows:1fr!important;width:100%!important;padding:2% 0 3%!important}#myInfoBlock{margin:0!important;width:100%!important;height:100%!important;position:relative;background-color:#ffffff80!important}#myInfoBlock #bio{font-weight:500!important}#myInfoBlock:before{background-image:url(/portfolio/assets/myLogo-49316ea6.png)!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;content:""!important;bottom:0!important;right:0!important;width:50%!important;height:50%!important;position:absolute!important;z-index:-1!important;opacity:.3!important}.section.myInfo{grid-template-columns:1fr!important;background-color:#ffff002e!important;grid-template-rows:1fr!important;background-image:none!important;padding:0!important;margin:0!important;width:100%!important;height:65vh!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section.myInfo:before{content:"";display:none!important}#myPic{height:100%}#resumeSection{flex-direction:column!important;z-index:30!important;grid-area:infoArea!important;justify-content:flex-start!important;align-items:flex-start!important;align-content:flex-start!important;max-width:100vw!important;overflow-x:scroll;height:100%!important}#playingField{display:flex!important;flex-direction:column-reverse!important;justify-content:flex-end!important;align-items:flex-start!important;align-content:flex-start!important;position:absolute!important;top:0;left:0;height:85%!important;z-index:30!important}#selectorButton{height:15vh!important;z-index:100!important}.section{z-index:30!important;align-content:center!important;align-items:center!important;margin:0!important}#expContent{padding:0!important;width:80vw!important;border:none!important;height:100%!important}#expContent .title{font-size:1.3rem!important;line-height:1.25rem!important}#expContent:before{display:none!important}#imgCaption{font-size:4vw!important}.expSection{display:grid!important;grid-template-columns:repeat(3,1fr)!important;grid-template-rows:60vh!important;height:100%!important;overflow-x:scroll;gap:1rem!important}#experience{max-height:100vh!important;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;padding:0!important;margin:0!important;height:60vh!important}#expAnimation img{overflow:hidden!important}#summonArea{margin-top:0!important;color:#fff;font-family:DIN;display:flex;flex-direction:column;justify-content:center!important;align-items:center;max-height:8vh!important;overflow:hidden!important;width:100vw!important;margin-left:0!important}#cardMat{display:none!important}.sectionGifActive{height:100px!important;width:200px!important;-o-object-fit:contain!important;object-fit:contain!important;overflow:hidden!important;max-width:100px!important}#projectsParent{flex-direction:row!important;flex-wrap:nowrap!important}#project{width:80vw!important;padding-top:0!important;padding-bottom:0!important}#projects{grid-template-columns:repeat(6,1fr)!important;margin:0!important;grid-template-rows:100%;gap:2%!important;overflow-y:hidden!important}}.cardActive #sectionPic{-o-object-fit:contain!important;object-fit:contain!important;width:80%!important;margin:0 auto!important;transition:all .5s ease-in-out!important}#selectorButton{width:1.6in;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;box-shadow:0 0 10px #000000bf;border-radius:7px;color:#fff;font-weight:700;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;position:relative;height:30vh;background-size:cover}.slideInBr{-webkit-animation:slide-in-br .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-br .5s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes slide-in-br{0%{transform:translateY(1000px) translate(1000px);opacity:0}to{transform:translateY(0) translate(0);opacity:1}}@keyframes slide-in-br{0%{transform:translateY(1000px) translate(1000px);opacity:0}to{transform:translateY(0) translate(0);opacity:1}}#cardParent.experience{-webkit-animation-delay:.2s!important;animation-delay:.2s!important}#cardParent.projects{-webkit-animation-delay:0!important;animation-delay:0!important}#cardParent.myInfo{-webkit-animation-delay:.4s!important;animation-delay:.4s!important}#cardParent.education{-webkit-animation-delay:.6s!important;animation-delay:.6s!important}#myInfoParent{width:80%;border-radius:10%!important}#imgClose{height:100%;width:100%;position:absolute;top:0;left:0;opacity:0;z-index:1000!important;border-radius:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:default}.selectedImage{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;-o-object-fit:contain;object-fit:contain;z-index:3}#selectedImageCaption{width:20vw}.activeImage{display:grid}.caption{background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 110%);border-radius:0 0 30px 30px;font-family:DIN;color:#fff;font-size:1.5rem;text-shadow:2px 2px 4px black;-webkit-animation:fade-in .5s ease-in-out forwards;animation:fade-in .5s ease-in-out forwards}@keyframes fade-in{0%{opacity:0}to{opacity:100%}}@-webkit-keyframes grow-from-center{0%{transform:rotateY(20deg) rotateX(35deg) translate(300px,-300px) skew(-35deg,10deg);opacity:0;-webkit-filter:blur(10px);filter:blur(10px)}to{transform:rotateY(0) rotateX(0) translate(0) skew(0);opacity:1}}@keyframes grow-from-center{0%{transform:rotateY(20deg) rotateX(35deg) translate(300px,-300px) skew(-35deg,10deg);opacity:0;-webkit-filter:blur(10px);filter:blur(10px)}to{transform:rotateY(0) rotateX(0) translate(0) skew(0);opacity:1}}.myInfo{display:flex;justify-content:center!important;align-items:center!important;text-align:center!important;width:50%;background-repeat:no-repeat!important;box-shadow:inset 0 0 20px orange,0 0 5px #fff}#imageParent{height:100%;width:100%}#headshot{width:100%}.projImages{width:100%;display:flex;flex-direction:row;height:10vh;border-radius:20px}.siteLink{font-family:DIN light!important;-webkit-text-stroke:5px solid black;border-radius:20px;font-size:3.5rem;line-height:3rem;color:#fff!important;display:flex;justify-content:center;align-items:center;text-shadow:2px 2px 4px black,0px 0px 30px rgba(0,0,0,.75),-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black;background-position:center center;background-repeat:no-repeat;background-size:cover;transition:all .15s ease-in-out;overflow:hidden;height:20vw;width:100%}#mySiteLink{background-image:url(/portfolio/assets/newSiteShot-58d38e9a.png)}#joshSiteLink{background-image:url(/portfolio/assets/joshSiteScreenShot-2d56e73c.png)}#cbLink{background-image:url(/portfolio/assets/cbShot-df0a3266.png);margin-top:2%}.projImages img{height:10vh;width:100%;-o-object-fit:cover;object-fit:cover;cursor:pointer}#iFrameParent{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;overflow:hidden}#joshSiteIFrame,#riteIFrame{width:80%!important;border-radius:20px;background:none!important;height:100%}#projImagesActive{visibility:visible!important}#imgCaption{font-family:DIN light;font-weight:102;color:#fff;font-size:1rem;line-height:1.2rem;padding:2%;background-color:#1f1f1f;border-radius:20px}.lightBoxGoAway{-webkit-animation:blur-out .5s forwards;animation:blur-out .5s forwards}#currentEduImage{position:relative;display:flex;justify-content:center;width:100%;height:100%}@-webkit-keyframes blur-out{0%{-webkit-filter:blur(0px);filter:blur(0px)}to{-webkit-filter:blur(20px);filter:blur(20px);opacity:0}}@keyframes blur-out{0%{-webkit-filter:blur(0px);filter:blur(0px)}to{-webkit-filter:blur(20px);filter:blur(20px);opacity:0}}#eduImagesParent{display:grid;grid-template-columns:7vw 7vw 7vw;grid-template-rows:7vw 7vw 7vw;position:relative;justify-content:center}#eduImage{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px}.expSection{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;width:100%}#expContent{border:1px solid rgba(255,255,255,.3);border-radius:7px}#experience{padding:2%;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);height:60vh;max-height:60vh;border-radius:7px;width:25%;margin:2%;overflow-y:scroll;background:rgba(255,255,0,.18)}#experience h3{font-size:22px;color:#1f75fe;font-weight:700}#myPic{width:90%;border-radius:50%;position:relative;-webkit-filter:drop-shadow(3px 5px 5px rgba(0,0,0,.5));filter:drop-shadow(3px 5px 5px rgba(0,0,0,.5));-webkit-animation:blur-in .5s forwards;animation:blur-in .5s forwards;opacity:0;-webkit-animation-delay:.15s;animation-delay:.15s;height:80%;-o-object-fit:cover;object-fit:cover;display:flex;justify-content:center;align-items:center}#education{-webkit-animation:blur-in .4s ease-in-out forwards;animation:blur-in .4s ease-in-out forwards;opacity:0;height:40vh;transition:all .5s ease-in-out;display:flex;overflow:hidden;width:60vw;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;background-color:#ffff002e;border-radius:30px!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow-x:hidden;grid-template-rows:1fr;justify-content:space-evenly;padding:2%}#education p{font-family:serifItalic}#education:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:95%;height:95%;border:1px solid #999;box-sizing:border-box;border-radius:30px}#selectedEduAnimationParent{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;background-color:none;border-radius:30px}#links{display:flex;flex-direction:row;justify-content:space-evenly;width:100%;font-size:1.5rem}#links a{color:orange!important}#lightbox{position:absolute;background-color:#39393980;gap:4%;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(10px) brightness(.5);backdrop-filter:blur(10px) brightness(.1);border-radius:30px;overflow:hidden;z-index:1999}#lightbox img{width:80%;-o-object-fit:contain;object-fit:contain;overflow:hidden!important;-webkit-animation:grow-from-center .2s ease-out forwards;animation:grow-from-center .2s ease-out forwards;cursor:default!important;z-index:2000}#selectedEduImage{position:absolute;border-radius:5px 30px 30px;-webkit-animation:blur-in .2s ease-out forwards;animation:blur-in .2s ease-out forwards;height:40vh;z-index:2000!important;display:flex;justify-content:center;align-items:center;flex-direction:column}#selectedEduImage img{-o-object-fit:contain!important;object-fit:contain!important;border-radius:15px;width:100%;height:85%;-webkit-filter:drop-shadow(3px 5px 5px rgba(0,0,0,.5));filter:drop-shadow(3px 5px 5px rgba(0,0,0,.5))}.orfuImage{object-fit:contain;filter:none!important;box-shadow:none!important}#selectedEduImageParent{display:flex;flex-direction:column;justify-content:center;overflow:hidden;height:100%}.lightBoxFadeIn{-webkit-animation:fade-in .2s ease-in forwards;animation:fade-in .2s ease-in forwards}.clickbait,.webDev{-webkit-animation:blur-in .2s ease-in-out forwards;animation:blur-in .2s ease-in-out forwards;-webkit-animation-delay:.4s;animation-delay:.4s;opacity:0}#experience{background-color:#ffff002e!important}.section.myInfo{background-image:url(/portfolio/assets/fullFullHeadshot-015eb2b4.png);background-size:cover;background-position:45%;width:100%;border-radius:20px!important;-webkit-animation:blur-in .2s ease-in-out forwards;animation:blur-in .2s ease-in-out forwards;position:relative;overflow-x:hidden}.sunGlow{-webkit-animation:sunGlow 1s ease-in-out alternate infinite!important;animation:sunGlow 1s ease-in-out alternate infinite!important}@-webkit-keyframes sunGlow{0%{box-shadow:0 0 30px orange}to{box-shadow:0 0 10px orange}}@keyframes sunGlow{0%{box-shadow:0 0 30px orange}to{box-shadow:0 0 10px orange}}.joshSite,.crm{-webkit-animation:blur-in .2s ease-in-out forwards;animation:blur-in .2s ease-in-out forwards;-webkit-animation-delay:.4s;animation-delay:.3s;opacity:0}#myName{font-family:DIN;font-size:2.2rem}.aboutMeParagraph{text-align:left;margin-bottom:3%;padding:0 4%}#shortBio{font-family:serifItalic!important;font-size:1.2rem;margin-bottom:2%}.magSite,.orfu{-webkit-animation:blur-in .2s ease-in-out forwards;animation:blur-in .2s ease-in-out forwards;-webkit-animation-delay:.6s;animation-delay:.2s;opacity:0}.SIGGRAPH{-webkit-animation:blur-in .2s ease-in-out forwards;animation:blur-in .2s ease-in-out forwards;-webkit-animation-delay:.8s;animation-delay:.8s;opacity:0}.rite{-webkit-animation:blur-in .2s ease-in-out forwards;animation:blur-in .2s ease-in-out forwards;-webkit-animation-delay:1s;animation-delay:1s;opacity:0}@keyframes blur-in{0%{-webkit-filter:blur(20px) brightness(3);filter:blur(20px) brightness(3)}to{opacity:1}}.rite .projectLogo{width:50%!important;-webkit-filter:drop-shadow(0px 0px 5px white);filter:drop-shadow(0px 0px 5px white)}@-webkit-keyframes pulseGlow{0%{-webkit-filter:drop-shadow(0px 0px 5px white);filter:drop-shadow(0px 0px 5px white)}to{-webkit-filter:drop-shadow(0px 0px 5px #ffc300);filter:drop-shadow(0px 0px 5px #ffc300)}}@keyframes pulseGlow{0%{-webkit-filter:drop-shadow(0px 0px 5px white);filter:drop-shadow(0px 0px 5px white)}to{-webkit-filter:drop-shadow(0px 0px 5px #ffc300);filter:drop-shadow(0px 0px 5px #ffc300)}}#root{margin:0 auto;background:white;color:#000;position:absolute;top:0;left:0;right:0;bottom:0}#topRow{display:flex}#projects{font-family:ygo;font-weight:700;display:grid;grid-template-columns:repeat(6,30vw);grid-template-rows:1fr;width:100%;gap:2%;position:relative;scroll-behavior:smooth}#dArrows{position:fixed;bottom:32vh;left:30%;width:70%;z-index:100!important;height:10%;display:flex;flex-direction:row;justify-content:space-between}#leftArrow{z-index:100;font-size:3rem;cursor:pointer;font-weight:700;font-family:DIN}#rightArrow{font-size:3rem;cursor:pointer;font-weight:700;font-family:DIN}#selectorButtons{-webkit-animation:slide-from-bottom .5s ease-in-out forwards;animation:slide-from-bottom .5s ease-in-out forwards;display:flex;flex-direction:row;justify-content:space-evenly;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow:visible;position:absolute;bottom:0;left:0;transition:all .5s ease-in-out;z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#selectorButtons:before{content:"";position:absolute;bottom:0;left:0;width:100vw;height:90%;background:linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,0)),darkblue;opacity:.5;border-radius:5px 5px 0 0;-webkit-filter:drop-shadow(0px 0px 20px rgba(0,0,0,.85));filter:drop-shadow(0px 0px 20px rgba(0,0,0,.85));z-index:1}@-webkit-keyframes slide-from-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-from-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}#spLogo{display:flex;justify-content:center;align-items:center;align-content:center;margin:none auto none auto;font-size:1rem;border-radius:5px}#innerSection{background-color:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:7px;box-shadow:0 0 10px #000000bf}.section{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;align-content:center;text-align:center;max-height:70vh;overflow-x:scroll;list-style:none!important;list-style-type:none!important;margin:auto;color:#fff;position:relative}.section h3{color:#fff!important;font-size:2vw;margin:0!important}#projects.section{overflow-x:scroll!important}#arrowParent{display:flex;flex-direction:row;justify-content:space-evenly;width:100%;margin:5% auto 0}.arrow{width:150px;display:flex;justify-content:center;-webkit-animation:bob-vertical .5s ease-in-out alternate infinite;animation:bob-vertical .5s ease-in-out alternate infinite;font-size:2vw;-webkit-filter:drop-shadow(0px 0px 5px white);filter:drop-shadow(0px 0px 5px white)}#arrow2{-webkit-animation-delay:.2s;animation-delay:.2s}#arrow3{-webkit-animation-delay:.4s;animation-delay:.4s}#arrow4{-webkit-animation-delay:.6s;animation-delay:.6s}#welcome{z-index:80;text-align:center;position:absolute;top:0;left:0;color:#fff!important;width:100%;height:calc(100% - 32vh);display:flex;flex-direction:column;justify-content:flex-end;background-size:25%;background-repeat:no-repeat;background-position:center;-webkit-animation:fade-in .2s cubic-bezier(.25,.46,.45,.94) both;animation:fade-in .2s cubic-bezier(.25,.46,.45,.94) both;-webkit-animation-delay:.2s;animation-delay:.2s}#welcome:before{background-image:url(/portfolio/assets/myLogo-49316ea6.png);opacity:.5;content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-100!important;background-size:contain;background-repeat:no-repeat;background-position:center;-webkit-filter:drop-shadow(0px 0px 10px rgba(255,255,255,.5));filter:drop-shadow(0px 0px 10px rgba(255,255,255,.5));-webkit-animation:slide-in-elliptic-top-fwd .7s cubic-bezier(.25,.46,.45,.94) both!important;animation:slide-in-elliptic-top-fwd .7s cubic-bezier(.25,.46,.45,.94) both!important;-webkit-animation-delay:0!important;animation-delay:0!important}@-webkit-keyframes slide-in-elliptic-top-fwd{0%{transform:translateY(-600px) rotateX(-30deg) scale(0);transform-origin:50% 100%;opacity:0}to{transform:translateY(0) rotateX(0) scale(1);transform-origin:50% 1400px;opacity:1}}@keyframes slide-in-elliptic-top-fwd{0%{transform:translateY(-600px) rotateX(-30deg) scale(0);transform-origin:50% 100%;opacity:0}to{transform:translateY(0) rotateX(0) scale(1);transform-origin:50% 1400px;opacity:1}}#welcomeText{font-family:DIN;color:#fff}#welcomeText1{font-family:serifItalic;color:#fff;text-transform:lowercase}#welcomeText2{font-family:DIN Light;color:#fff}.description{display:flex;flex-direction:column;font-size:.7rem}.descriptionItem:nth-child(odd){background-color:#0003}.descriptionItem:nth-child(even){background-color:#ffffff1a}.descriptionItem{margin:2%;padding:2%;border-radius:5px;box-shadow:3px 2px 4px #0000004d;text-align:left;-moz-text-align-last:left;text-align-last:left}.title{font-size:1.5rem;font-family:serifItalic!important;padding:2%;text-shadow:2px 2px .5px rgba(0,0,0,.2);line-height:2rem}.glow{transition:all .1s ease-in-out!important;box-shadow:0 0 30px #fff!important}.company,.location,.dates{color:#ffffff80}.glow #sectionPic{-webkit-animation:bob-vertical 1s ease-in-out alternate infinite;animation:bob-vertical 1s ease-in-out alternate infinite}@-webkit-keyframes bob-vertical{0%{-webkit-transform:translateY(0)}to{-webkit-transform:translateY(-10px)}}@keyframes bob-vertical{0%{-webkit-transform:translateY(0)}to{-webkit-transform:translateY(-10px)}}@-webkit-keyframes bob-horizontal{0%,to{transform:translate(0)}10%,30%,50%,70%{transform:translate(-10px)}20%,40%,60%{transform:translate(10px)}80%{transform:translate(8px)}90%{transform:translate(-8px)}}@keyframes bob-horizontal{0%,to{transform:translate(0)}10%,30%,50%,70%{transform:translate(-10px)}20%,40%,60%{transform:translate(10px)}80%{transform:translate(8px)}90%{transform:translate(-8px)}}@-webkit-keyframes animate{0%{background-position:0%}to{background-position:400%}}@keyframes animate{0%{background-position:0%}to{background-position:400%}}.sectionContent{width:10%}.hugeGlow{-webkit-animation:huge-glow .6s ease-in-out;animation:huge-glow .6s ease-in-out}#bottomParent{display:flex;flex-direction:row;justify-content:center;align-items:center;align-content:center;height:100%;width:100%;margin:auto;position:relative;z-index:2}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}