.image-gallery-icon{color:#fff;transition:all .3s ease-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#0000;border:0;cursor:pointer;outline:none;position:absolute;z-index:4;filter:drop-shadow(0 2px 2px rgb(25.5,25.5,25.5))}@media(hover:hover)and (pointer:fine){.image-gallery-icon:hover{color:#337ab7}.image-gallery-icon:hover .image-gallery-svg{transform:scale(1.1)}}.image-gallery-icon:focus{outline:2px solid #337ab7}.image-gallery-using-mouse .image-gallery-icon:focus{outline:none}.image-gallery-fullscreen-button,.image-gallery-play-button{bottom:0;padding:20px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:28px;width:28px}@media(max-width:768px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:15px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:24px;width:24px}}@media(max-width:480px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:10px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:16px;width:16px}}.image-gallery-fullscreen-button{right:0}.image-gallery-play-button{left:0}.image-gallery-top-nav,.image-gallery-bottom-nav{padding:10px;left:50%;transform:translate(-50%)}.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{height:120px;width:90px}@media(max-width:768px){.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{height:72px;width:48px}}@media(max-width:480px){.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{height:48px;width:36px}}.image-gallery-top-nav[disabled],.image-gallery-bottom-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-top-nav{top:0}.image-gallery-bottom-nav{bottom:0}.image-gallery-left-nav,.image-gallery-right-nav{padding:50px 10px;top:50%;transform:translateY(-50%)}.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:120px;width:60px}@media(max-width:768px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:72px;width:36px}}@media(max-width:480px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:48px;width:24px}}.image-gallery-left-nav[disabled],.image-gallery-right-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-left-nav{left:0}.image-gallery-right-nav{right:0}.image-gallery{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative}.image-gallery.fullscreen-modal{background:#000;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:5}.image-gallery.fullscreen-modal .image-gallery-content{top:50%;transform:translateY(-50%)}.image-gallery-content{position:relative;line-height:0;top:0}.image-gallery-content.fullscreen{background:#000}.image-gallery-content .image-gallery-slide .image-gallery-image{max-height:calc(100vh - 80px)}.image-gallery-content.image-gallery-thumbnails-left .image-gallery-slide .image-gallery-image,.image-gallery-content.image-gallery-thumbnails-right .image-gallery-slide .image-gallery-image{max-height:100vh}.image-gallery-slide-wrapper{position:relative}.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{display:inline-block;width:calc(100% - 110px)}@media(max-width:768px){.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{width:calc(100% - 87px)}}.image-gallery-slide-wrapper.image-gallery-rtl{direction:rtl}.image-gallery-slides{line-height:0;overflow:hidden;position:relative;white-space:nowrap;text-align:center;touch-action:none}.image-gallery-slide{left:0;position:absolute;top:0;width:100%}.image-gallery-slide.image-gallery-center{position:relative}.image-gallery-slide .image-gallery-image{width:100%;object-fit:contain}.image-gallery-slide .image-gallery-description{background:#0006;bottom:70px;color:#fff;left:0;line-height:1;padding:10px 20px;position:absolute;white-space:normal}@media(max-width:768px){.image-gallery-slide .image-gallery-description{bottom:45px;font-size:.8em;padding:8px 15px}}.image-gallery-bullets{bottom:20px;left:0;margin:0 auto;position:absolute;right:0;width:80%;z-index:4}.image-gallery-bullets .image-gallery-bullets-container{margin:0;padding:0;text-align:center}.image-gallery-bullets .image-gallery-bullet{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#0000;border:1px solid #fff;border-radius:50%;box-shadow:0 2px 2px #1a1a1a;cursor:pointer;display:inline-block;margin:0 5px;outline:none;padding:5px;transition:all .2s ease-out}@media(max-width:768px){.image-gallery-bullets .image-gallery-bullet{margin:0 3px;padding:3px}}@media(max-width:480px){.image-gallery-bullets .image-gallery-bullet{padding:2.7px}}.image-gallery-bullets .image-gallery-bullet:focus{transform:scale(1.2);background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active{transform:scale(1.2);border:1px solid #fff;background:#fff}@media(hover:hover)and (pointer:fine){.image-gallery-bullets .image-gallery-bullet:hover{background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active:hover{background:#337ab7}}.image-gallery-bullets.image-gallery-bullets-vertical{left:20px;right:auto;bottom:auto;width:auto;top:50%;transform:translateY(-50%)}.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{display:block;margin:12px 0}@media(max-width:768px){.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{margin:6px 0;padding:3px}}@media(max-width:480px){.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{padding:2.7px}}.image-gallery-thumbnails-wrapper{position:relative}.image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal{touch-action:pan-y}.image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical{touch-action:pan-x}.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl{direction:rtl}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{display:inline-block;vertical-align:top;width:100px}@media(max-width:768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{width:81px}}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails{height:100%;width:100%;left:0;padding:0;position:absolute;top:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail{display:block;margin-right:0;padding:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:0;margin-top:2px}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 5px}@media(max-width:768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 3px}}.image-gallery-thumbnails{overflow:hidden;padding:5px 0}@media(max-width:768px){.image-gallery-thumbnails{padding:3px 0}}.image-gallery-thumbnails .image-gallery-thumbnails-container{cursor:pointer;text-align:center;white-space:nowrap}.image-gallery-thumbnail{display:inline-block;border:4px solid rgba(0,0,0,0);transition:border .3s ease-out;width:100px;background:#0000;padding:0}@media(max-width:768px){.image-gallery-thumbnail{border:3px solid rgba(0,0,0,0);width:81px}}.image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:2px}.image-gallery-thumbnail .image-gallery-thumbnail-inner{display:block;position:relative}.image-gallery-thumbnail .image-gallery-thumbnail-image{vertical-align:middle;width:100%;line-height:0}.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{outline:none;border:4px solid #337ab7}@media(max-width:768px){.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{border:3px solid #337ab7}}@media(hover:hover)and (pointer:fine){.image-gallery-thumbnail:hover{outline:none;border:4px solid #337ab7}}@media(hover:hover)and (pointer:fine)and (max-width:768px){.image-gallery-thumbnail:hover{border:3px solid #337ab7}}.image-gallery-thumbnail-label{box-sizing:border-box;color:#fff;font-size:1em;left:0;line-height:1em;padding:5%;position:absolute;top:50%;text-shadow:0 2px 2px hsl(0,0%,10%);transform:translateY(-50%);white-space:normal;width:100%}@media(max-width:768px){.image-gallery-thumbnail-label{font-size:.8em;line-height:.8em}}.image-gallery-index{background:#0006;color:#fff;line-height:1;padding:10px 20px;position:absolute;right:0;top:0;z-index:4}@media(max-width:768px){.image-gallery-index{font-size:.8em;padding:5px 10px}}:root{--font-family: "neue-haas-grotesk-display", sans-serif;--font-weight: 400;--font-style: normal;background-color:#f7f7f7}.dark-theme{--bg-color: #111111;--text-color: #c0c0c0}.dark-theme a{color:silver}h1,h2,h3,h4,p,a,button,.back-link{color:var(--text-color);transition:background-color .3s ease,color .3s ease}.variable-proximity{display:inline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html,body,#root{scroll-behavior:smooth;scrollbar-width:none;width:100%;height:100%;margin:0;background-color:var(--bg-color);transition:background-color .3s ease,color .3s ease}html::-webkit-scrollbar{display:none}body{font-family:var(--font-family);font-weight:var(--font-weight);font-style:var(--font-style);color:var(--text-color);background-color:var(--bg-color);height:auto;position:relative;overflow-x:hidden}.dither-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;opacity:.1}.dither-bg canvas{display:block;width:100%!important;height:100%!important}#app-container{min-height:100vh;position:relative;z-index:1}.name{margin-left:10%;margin-top:1.5%}.name h2{position:relative;transform:translateY(100px);z-index:10;display:inline-block}.aboutme p{margin:1% 10%}.aboutme img{margin-top:1%;margin-left:10%;max-width:180px;width:100%;height:auto}.aboutme span{transition:background-color .3s ease,color .3s ease}.section-header{margin-right:10%;margin-left:5%}.section-header h2{margin:0}.logo-showcase{display:flex;align-items:center;gap:2rem}.project-logo-large{max-width:500px!important;width:100%}.container1{padding-top:0%;padding-left:40%}.container1 img{max-width:260px}.container2{padding-left:25%}.container2 img{max-width:180px}.container3{padding-top:0%;padding-left:67%}.container3 img{max-width:260px}.container1,.container2,.container3{display:flex;align-items:flex-start}.container1 a,.container2 a,.container3 a{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.containerkeyboard{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));grid-auto-flow:dense;align-items:center;padding:1em 10em}.containerkeyboard img{max-width:200px}.choosing{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1px;grid-auto-flow:dense;align-items:center;padding:0 10em 2em}.choosing-item img{max-width:300px;width:100%}.choosing-item{gap:3px;margin:2%}.choosing-item a{gap:3px;display:flex;flex-direction:column}.choosing-item p{font-weight:100}.choosing-item h3{margin:.5rem 0 .25rem;font-weight:600}.choosing-item div{display:flex;flex-direction:column}.photos{max-height:100%;min-width:100%;display:block}.flipbook-wrap{width:100%;max-width:1000px;height:70vh;margin:0 auto;display:flex;justify-content:center;align-items:center;padding:2% 0;box-sizing:border-box;overflow:hidden}.flipbook-page{background:#fff;display:flex;justify-content:center;align-items:center;overflow:hidden}.flipbook-page img{width:100%;height:100%;object-fit:contain;display:block}.image-gallery{max-width:100vw}.image-gallery-content,.image-gallery-swipe,.image-gallery-slides,.image-gallery-slide{height:80vh;text-decoration:none;outline:none}.image-gallery-left-nav,.image-gallery-right-nav,.image-gallery-left-nav:hover,.image-gallery-right-nav:hover{color:var(--text-color)}.image-gallery-slide img{width:100%;height:100%}p{margin:0%;text-align:left}h1{margin:0%;padding:1;text-align:left}h2{margin:0%;text-align:left}a{margin-top:1%;color:#000;text-decoration:none}a:hover{color:#f90}.back-link{display:inline-block;margin-left:10%;margin-top:.5%;margin-bottom:8px}#firstpara{margin:1%}#firstpara span{transition:background-color .3s ease,color .3s ease}.projectparagraph{margin-right:10%;margin-left:10%;margin-top:1%;padding-bottom:2%;width:60%}.download-links{display:flex;flex-direction:column;margin-right:10%;margin-left:10%;padding-bottom:2%}.canon:hover{color:#d51007!important;cursor:url(/cursors/canon.png),auto!important;transition:background-color .3s ease,color .3s ease}.photoshop:hover{color:#00a9ff!important;cursor:url(/cursors/photoshop.png),auto!important;transition:background-color .3s ease,color .3s ease}.illustrator:hover{color:#f90!important;cursor:url(/cursors/illustrator.png),auto!important;transition:background-color .3s ease,color .3s ease}.indesign:hover{color:#ff3068!important;cursor:url(/cursors/indesign.png),auto!important;transition:background-color .3s ease,color .3s ease}.lightroom:hover{color:#00a9ff!important;cursor:url(/cursors/lightroom.png),auto!important;transition:background-color .3s ease,color .3s ease}.instagram:hover{color:#dd2a7b!important;cursor:url(/cursors/instagram.png),auto!important;transition:background-color .3s ease,color .3s ease}.linkedin:hover{color:#0077b5!important;cursor:url(/cursors/linkedin.png),auto!important;transition:background-color .3s ease,color .3s ease}.github:hover{color:#535353!important;cursor:url(/cursors/github.png),auto!important;transition:background-color .3s ease,color .3s ease}.lastfm:hover{color:#d51007!important;cursor:url(/cursors/lastfm.png),auto!important;transition:background-color .3s ease,color .3s ease}.bcit:hover{color:#0055a5!important;cursor:url(/cursors/bcit.png),auto!important;transition:background-color .3s ease,color .3s ease}.canada:hover{color:#d62718!important;cursor:url(/cursors/canada.png),auto!important;transition:background-color .3s ease,color .3s ease}.keyboardcursor:hover{color:#f90;cursor:url(/cursors/mark65.png),auto;transition:background-color .3s ease,color .3s ease}.jaydencursor:hover{color:#f90;cursor:url(/cursors/jaydencursor.png),auto;transition:background-color .3s ease,color .3s ease}.scroll-down-btn{position:fixed;bottom:24px;right:24px;background:none;border:none;cursor:pointer;font-size:1.2rem;font-weight:600;color:#000;z-index:999;text-decoration:none}.scroll-down-btn:hover{color:#f90}#main-header{width:100vw;display:flex;justify-content:flex-end;align-items:center;background-color:transparent;z-index:1000;box-sizing:border-box}.main-nav{transition:background-color .3s ease,color .3s ease}.nav-link{font-family:inherit;text-decoration:none;font-size:1.1em;padding:0 3px;margin:5px;vertical-align:middle;display:inline-flex;align-items:center;transition:background-color .3s ease,color .3s ease}.nav-link span{width:auto!important;display:inline-block;vertical-align:middle;transition:background-color .3s ease,color .3s ease}.nav-link:hover span{color:#ff9500}@media(max-width:1024px){#main-header{padding-right:1%}.name h2{transform:none!important;top:0!important;position:relative;z-index:10;display:inline-block}.container1{margin-top:4%;padding-left:30%}.container1 img{max-width:200px}.container2{padding-top:2%;padding-left:20%}.container2 img{max-width:150px}.container3{padding-left:50%}.container3 img{max-width:200px}.image-gallery-content,.image-gallery-swipe,.image-gallery-slides,.image-gallery-slide{padding-top:.5%;padding-bottom:4%;height:80vh}.image-gallery-left-nav,.image-gallery-right-nav,.image-gallery-left-nav:hover,.image-gallery-right-nav:hover{color:#eae7e1}}@media(max-width:600px){h2{margin:6%}.name h2{transform:none!important;top:0!important;position:relative;z-index:10;display:inline-block}.choosing{grid-template-columns:1fr;padding-left:0}.choosing-item img{max-width:100%;width:100%;height:auto}.aboutme img{max-width:120px;margin-left:5%}#main-header{justify-content:flex-end}#main-nav{flex-wrap:wrap;justify-content:flex-end;gap:4px}.nav-link{font-size:.85em;padding:0 3px}.image-gallery-content,.image-gallery-swipe,.image-gallery-slides,.image-gallery-slide{padding-top:1%;height:70vh}.image-gallery-left-nav,.image-gallery-right-nav,.image-gallery-left-nav:hover,.image-gallery-right-nav:hover{color:#eae7e1}}