body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#4d5351;overflow-x:hidden;overflow:hidden}.App{text-align:center}.App-logo{filter:drop-shadow(3px 3px 10px rgba(0,0,0,1));height:100%;margin-bottom:10px;margin-top:20px;pointer-events:none}.App-logo path{stroke:teal;stroke-width:10px}.home-page-paragraph{max-width:800px;text-align:justify}a{color:#61dafb}.footer{display:none;font-size:15pt!important}.App-header{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100dvh}.App-link{color:#61dafb}.profile-entries{margin-top:250px}:root{--card-background:#9aa19f;--card-background-trans:#9aa19f4d;-webkit-user-select:none;user-select:none}.card-outer{border:1px solid #fff;border-radius:6px;box-shadow:0 0 15px 10px #00000080;margin:20px;position:fixed;z-index:1000;&.profile{left:50%;top:50%;transform:translate(-50%,-50%);transition:all .5s ease-in-out;width:1100px;&.hidden{left:80%;opacity:0;scale:15%;top:80%;transition:all .5s ease-in-out}}&.portfolio-entry{position:relative;width:800px}}.joeys-hub-logo{filter:drop-shadow(0 3px 2px rgba(0,0,0,1));width:250px}.card-inset{backdrop-filter:blur(8px) saturate(180%) brightness(1.2);-webkit-backdrop-filter:blur(8px) saturate(180%) brightness(1.2);background-color:#9aa19f4d;background-color:var(--card-background-trans);border:1px solid #fff;border-radius:6px;box-shadow:inset 0 0 3px 2px #000;color:#fff;margin:5px;padding:15px}.my-image,.portfolio-image{align-self:center;border:1px solid #fff;border-radius:10px;box-shadow:0 0 3px 2px #000;height:200px;margin:0 15px;width:200px}.profile-entry-content,.welcome-content{display:flex;flex-direction:row;justify-content:space-around;margin-bottom:10px}.text-container{display:flex;flex-direction:column;justify-content:flex-start;padding:0 15px}.header{border-bottom:2px solid #00000080;font-size:2.1rem;font-weight:bolder;padding-bottom:10px}.paragraph{display:flex;flex-direction:column;flex-grow:1;font-size:15pt;justify-content:space-between}p{margin:10px 0;text-align:justify}.link-container{display:flex;flex-direction:row;font-size:15pt;justify-content:center;margin-bottom:10px;padding-top:5px}.link-container>*{margin:0 10px}.portfolio-entry-link{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:6px;box-shadow:0 4px 16px #00000040;color:#fff;cursor:pointer;font-family:Inter,sans-serif;min-width:160px;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease;&:hover{background:#fff3;box-shadow:0 6px 20px #0000004d;transform:translateY(-1px)}}.test{background:#7c508e;color:#074736}.collapsed-image{bottom:0;margin-bottom:15px;position:absolute;right:0;transition:all .6s ease-in-out;&.hidden{bottom:-10%;margin-bottom:15px;opacity:0;position:absolute;right:-5%;scale:2%;transition:all .5s ease-in-out}}@media (max-width:1260px){.my-image,.portfolio-image{height:100px;width:100px}.card-outer{margin:0;&.profile{max-width:90vw}&.portfolio-entry{max-height:475px;max-width:90vw}}.card-inset{padding:5px}.profile-entry-content,.welcome-content{display:flex;flex-direction:column;justify-content:space-around;margin-bottom:10px}.joeys-hub-logo{display:none}.text-container{padding:0 3px}.header{border-bottom:2px solid #00000080;font-size:1.5rem;font-weight:bolder;margin-top:10px;padding-bottom:10px}.paragraph{display:flex;flex-direction:column;flex-grow:1;font-size:.9rem;justify-content:space-between}p{margin:5px 0;text-align:justify}}@media (max-width:600px){.link-container{align-items:center;display:flex;flex-direction:column;font-size:1rem;justify-content:center;margin:0;padding-top:5px}.link-container>*{margin:5px 10px;max-width:50%}}@media (max-height:700px){.my-image{height:70px;width:70px}.portfolio-image{margin:3px}.portfolio-entry-link{padding:8px}}.images{border-radius:50%;height:90dvh;left:50%;outline:3px dashed #fff5;outline-offset:-7dvh;overflow:visible;position:absolute;top:50%;transform:translate(-50%,-50%);width:90dvh;z-index:-1}.rotating-content{border-radius:50%;height:100%;position:relative;transform:rotate(0deg);transform:rotate(var(--rotate,0deg));transition:transform 1.5s linear;width:100%;&.collapsed{scale:5%}&.collapsed,&.expanded{transition:all .4s ease-in-out}&.expanded{scale:100%}}.images .item{display:flex;height:100%;justify-content:center;position:absolute;rotate:calc(36deg*var(--i));text-align:center;width:100%}.image-container{background:#fff;border:2px solid #000;border-radius:6px;box-shadow:3px 7px 10px #000;height:12dvh;justify-self:center;width:12dvh}.image-container.wide{height:13dvh;width:20dvh}.image-container .inset{align-content:center;align-items:center;background:var(--card-background);border:1px solid #fff;border-radius:6px;box-shadow:inset 0 0 7px 2px #000;display:flex;flex-direction:column;height:calc(100% - 12px);justify-content:center;margin:5px}.images .item img{border-radius:10px;display:flex;;justify-self:center;width:calc(100% - 20px)}@media (min-width:1260px){.images{height:100dvh;width:100dvh}.image-container{height:15dvh;width:15dvh}.image-container.wide{height:15dvh;width:25dvh}}.project-card-slider-container{align-items:center;background:none;display:flex;flex-direction:column;height:500px;justify-content:center;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:1300px;&.hidden{display:none}}.project-card-inner{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:center;transform-origin:center center;transition:transform .5s ease,opacity .5s ease;width:100%;&.collapsed{opacity:0;transform:scale(.1)}}.arrow-container{align-items:center;display:flex;height:100%;justify-content:center;width:200px;.arrow-outer{border:1px solid #fff;border-radius:100px;box-shadow:0 0 15px 10px #00000080;color:#f0f;display:flex;height:150px;width:150px;z-index:1000;.arrow-inner{border-radius:100%;flex-grow:1}.arrow{-webkit-text-stroke:1px #000000b3;align-items:center;color:#ffffff80;display:flex;font-size:140px;font-weight:800;height:100%;justify-content:center;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%;&:hover{-webkit-text-stroke:1px #fff;color:#fff3}&:active{font-size:130px}}.card-inset{box-shadow:none;&:active{box-shadow:inset 0 0 3px 2px #000}}}}.project-container{display:flex;flex-direction:row;flex-grow:1;height:100%;position:relative;width:900px}.project-container-inner{display:flex;flex-direction:row;height:100%;position:absolute;transform:translate(-5000px);width:15000px;&.show-next{transform:translate(-10000px);transition:transform .6s cubic-bezier(.68,-.55,.27,1.55)}&.show-previous{ttransition:transform .6s cubic-bezier(.68,-.55,.27,1.55);transform:translate(0)}}.card-spacer{transform:translate(-2050px);width:5000px}.card-container,.card-spacer{display:flex;height:100%;justify-content:center}.card-container{align-items:center;width:900px}.index-display{display:flex;height:30px;position:relative;transition:all .5s ease-in-out;&.hidden{transform:translate(-3000px);transition:all .3s ease-in-out}.index{align-items:center;display:flex;height:30px;justify-content:center;width:30px;.dot{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:50%;box-shadow:0 0 5px #fff3,inset 0 0 3px #ffffff1a,inset 0 0 4px #00000080;cursor:pointer;height:50%;transition:all .3s ease-in-out;width:50%;&.current-index{background:#fff3;border:1px solid #fff9;box-shadow:0 0 8px #fff6,inset 0 0 6px #ffffff4d,inset 0 0 5px #000000b3;height:75%;width:75%}}}}@media (max-width:1260px){.arrow-container{opacity:0;pointer-events:none}}
/*# sourceMappingURL=main.010f38ee.css.map*/