#root{height:100%;overflow:scroll;overflow-x:hidden;overflow-y:auto}#root,body{width:100vw}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#181818fa;background-image:url(https://jzshowcasesa.blob.core.windows.net/showcase-images/abstract-art-bg.png);background-size:cover;display:flex;font-family:-apple-system,BlinkMacSystemFont,Verdana,sans-serif;height:100vh;margin:0;overflow:hidden;overflow-y:hidden}.flex-child{flex:1 1;height:1px;margin-right:70%}.card-tab-container{visibility:visible;width:auto;z-index:99999}.socials-link-button{color:#fff;height:2.9rem;padding:.2rem;width:2.9rem}.socials-section{align-items:center}.filter-white{filter:invert(100%) sepia(83%) saturate(356%) hue-rotate(181deg) brightness(109%) contrast(99%)}a{color:#f5f5f5}a,nav a{text-decoration:none}nav a{color:#fff}.landing-body{background-color:#5e5e5ebf;border:2px solid #e9e9e926;border-radius:5%;color:#fff;float:left;margin-left:3%;margin-top:1rem;opacity:85%;padding:1%;width:25vw}.landing-body,.landing-body-detail{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:0}.landing-body-detail{height:auto;width:80vw}.landing-body-text{font:1.2rem Calibri,sans-serif;max-height:90%;z-index:0}@media screen and (max-width:640px){.landing-body{margin-top:1rem;width:500px!important}.landing-body-detail{max-height:auto;max-width:80vw!important}}nav{background:linear-gradient(to bottom right,#00008b 1%,#000 90%);box-shadow:1rem 0 1rem .2rem #fff;color:#fff;display:inline-block;height:8rem;line-height:1;padding-left:12rem;position:-webkit-sticky;position:sticky;width:100vw;z-index:0}.nav-buttons-section,nav{height:7rem}.nav-header{animation:intro-from-right .45s linear;height:100%;padding-left:1.5rem;padding-right:1.5rem}.nav-header:hover{background-color:#8080809c}.navbar-container{display:flex;height:15vh;position:fixed;vertical-align:middle;width:100vw;z-index:999}.navbar-banner,.navbar-container{position:-webkit-sticky;position:sticky}.navbar-banner{color:#fff;float:left;height:7vh;line-height:26px!important;font:32px Calibri;padding-left:0;padding-top:1rem;width:25vw;z-index:10}.navbar-subtitle{font:14px Arial;padding-bottom:1rem}.nav-total-section{display:inline-flex;position:relative}.nav-buttons-section{align-content:left;display:flex;float:center;line-height:7rem;padding-left:1%;position:-webkit-sticky;position:sticky;width:50vw}.dropdown{float:left;overflow:hidden}.dropdown:hover .dropdown-content{display:block;position:absolute;z-index:99999}.dropdown-content{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#44444493;border-radius:10%;box-shadow:0 0 0 0 #7f7f7f;display:none;max-width:300px;position:absolute;width:40%;z-index:inherit}.dropdown-button{height:10%}.dropdown-content a{color:#fff;display:block;float:none;text-align:center;text-decoration:none;z-index:99999}.dropdown-content a:hover{background-color:#615f5ff7;border-radius:10%;z-index:99999}.profile-image{aspect-ratio:1/1;border:2px solid #708090;border-radius:50%;height:9rem;margin:1rem;position:absolute;width:9em;z-index:999}.profile-image:hover{transform:scale(1.1);transition:all .4s}@keyframes intro-from-right{0%{transform:translate(20rem)}50%{transform:translateX(2rem)}to{left:0}}@keyframes navbar-color-shift{0%{background:linear-gradient(to bottom right,#00008b,#000)}50%{background:linear-gradient(to top left,#000,#000)}to{background:linear-gradient(to top left,#00008b 80%,#000)}}@media screen and (max-width:640px){.profile-image{aspect-ratio:1/1;border-radius:50%;height:6rem;margin:.5rem;position:absolute;width:6em;z-index:999}.nav-buttons-section,nav{height:4.75rem}.navbar-banner{font:30px Arial,sans-serif;max-width:10vw;visibility:collapse;width:0}.nav-header{animation:intro-from-right .45s linear;height:100%;padding-left:.4rem;padding-right:.4rem}.navbar-subtitle{visibility:collapse}.nav-buttons-section{align-content:left;display:flex;float:left;line-height:4.7rem;position:relative;width:50%}.dropdown-content{right:10%;width:90%}}.toggle-collapse-button{height:10vh;margin-top:5rem;opacity:80%;position:inherit;width:2%;z-index:10}.title-card-page-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0000001a;display:block;height:100%;left:0;position:fixed;top:10%;width:100%}.title-card-container{display:block;margin:5%;max-width:400px;position:relative;z-index:10}.title-card{background-color:#5e5e5ebf;border:2px solid #e9e9e926;border-radius:5%;color:#fff;display:block;float:left;margin-left:3%;margin-top:1rem;max-width:320px!important;opacity:85%;padding:1%;position:relative;width:25vw;z-index:99}.contact-button{background-color:green;border:none;border-radius:5%;border-spacing:10px;color:#fff;margin:0 5px 5px;max-width:75%;padding:2%}.contact-button:active{background-color:#90ee90}.collapsed{width:0!important}.title-card-page-overlay-block-display{display:block}@media screen and (max-width:640px){.title-card{height:auto;margin-top:0;max-width:320px!important;position:relative;width:70vw!important}.title-card-container{display:flex;max-width:600px;width:-webkit-max-content;width:max-content}.title-card-body{max-width:85%;width:auto}.title-card-page-overlay{display:block}}.detail-page{animation:intro-from-left .6s linear;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);height:auto;max-width:60%;width:auto!important;z-index:1}.card-title{animation:text-fade-in .8s linear}.detail-page-text-body{animation:text-fade-in .6s linear;font-family:Arial,sans-serif}.collapsible-header{cursor:pointer}.select-link{color:#adff2f;:visited{color:purple}}@keyframes intro-from-left{0%{opacity:0;width:5%}20%{width:5%}50%{width:20%}60%{width:36%}to{opacity:100%;width:65%}}@keyframes text-fade-in{0%{text-wrap:nowrap;opacity:0;visibility:hidden}85%{opacity:15%}to{text-wrap:wrap;opacity:100%}}@media screen and (max-width:768px){.detail-page{height:auto;max-height:150%;max-width:80%}}.modal{border-radius:3%;left:0;margin:20% -8%;min-height:60vh;opacity:100%!important;top:0;transform:translate(20vw,-10vw);width:80vw;z-index:999}.modal,.modal-main{background:#000;max-height:auto;max-width:1200px;position:fixed}.modal-main{align-content:center;align-items:center;bottom:2%;left:2%;margin:auto;min-height:50vh;right:2%;top:2%;img{align-content:center;max-height:96%;max-width:96vmax;min-height:40%;object-fit:fill;opacity:100%;width:90%}}.modal-image{aspect-ratio:1/1.33}.display-block{display:block}.display-none{display:none}@media screen and (max-width:640px){.modal{margin:160px -10px}}.carousel-image{align-content:center;background-color:#f5f5f51a;height:100%;overflow:hidden;width:100%}.carousel-image>img{cursor:pointer;object-fit:contain;width:100%}.media-carousel-container{border-radius:5%;max-width:600px;overflow-x:scroll;position:relative;scroll-behavior:smooth;scroll-snap-type:x mandatory;&::scroll-button(left){content:"⬅"/"Scroll Left";float:left;inset:-8em -1em}&::scroll-button(right){content:"⮕"/"Scroll Right";inset:-8em 41.5em}:after,:before{content:"";height:150px;position:absolute;width:120px}:before{left:0;top:0}:after{right:0;top:0;transform:rotate(-180deg)}}::scroll-button(*){border-radius:50%;padding:.5em;position:relative}.media-carousel{animation:scrolling 30s linear infinite;display:flex;grid-auto-columns:100%;grid-auto-flow:column;overflow:hidden;overscroll-behavior-x:contain;padding:20px 0;scroll-behavior:smooth;scrollbar-width:none;width:2400px}@keyframes scrolling{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.media-carousel-item:nth-child(odd){background:#7f7fb466}.media-carousel-item::scroll-button(:right){content:">";position:relative}.media-carousel-item{align-content:center;border:1px dotted gray;border-radius:5%;cursor:pointer;height:150px!important;overflow-y:hidden;scroll-snap-align:center;scroll-snap-stop:always;text-align:center;vertical-align:middle;width:100%}.carousel-item-group{display:flex;will-change:transform}.media-carousel:hover{animation-play-state:paused}.media-carousel-item>img{object-fit:contain;width:100%}.engagement-section{bottom:2%;font:24px Calibri serif;position:relative}.reaction-button{filter:drop-shadow(0 0 .3rem lightgreen);padding:0 .75rem}.comment-button{color:#dcdcdc;padding:0 .75rem}.blog-post-body-text{margin-bottom:20px;position:relative;vertical-align:middle}.landing-body{height:auto;position:relative;width:50%}
/*# sourceMappingURL=main.2081bb91.css.map*/