#page>nav{border-bottom:1px solid var(--primary-orange);background-color:#1d1d21!important}#navbarNav .show{height:100vh}.fixed-nav-fix{height:57px}.navbar{z-index:100;width:100%;position:fixed;background-color:#f16f21bf!important}body nav{background-color:#1c2833!important}body nav .nav-item.active .nav-link,body nav .nav-item.active i{color:#fff;text-shadow:initial;-webkit-text-stroke:initial;font-weight:bolder}body nav .navbar-toggler{border-width:3px!important}body nav .navbar-brand{text-shadow:0 0 2px #000;font-size:1.5rem;font-weight:bolder}.nav-link{font-size:2rem}.nav-link i{text-shadow:0 0 3px #fff;-webkit-text-stroke:1px #fff}@media (min-width:991px){.fixed-nav-fix{height:64px}}hr.orange{border-top:1px solid var(--primary-orange);border-bottom:1px solid var(--primary-orange);max-width:100px;height:2px;margin:15px auto}hr.black{border-top:1px solid #000;border-bottom:1px solid #000;max-width:100%;height:2px;margin:20px auto}p>a{color:#fff;text-decoration:none;transition:all .2s ease-in-out;position:relative}p>a:hover{color:var(--primary-orange);text-decoration:none}p>a:hover:before{visibility:visible;transform:scaleX(1)}p>a:before{content:"";background-color:var(--primary-orange);visibility:hidden;width:100%;height:2px;transition:all .2s ease-in-out;position:absolute;bottom:0;left:0;transform:scaleX(0)}.card .list-group{opacity:0;display:none}.card .card-title{padding-left:1rem}.card .card-type{z-index:10;background-color:#000c;border-radius:.25rem;width:min-content;height:min-content;padding:.1rem .5rem;font-size:.7rem;display:flex;position:absolute;bottom:8px;right:8px}.card .card-type i{color:inherit}.card .card-text{margin-bottom:0;padding-left:1rem;padding-right:1rem;font-weight:500}.card .link-button{background-color:#fff;border:1px solid #000;justify-content:center;align-items:center;width:90%;margin:1rem auto;display:flex}.card .link-button a{text-shadow:none;text-align:center;width:100%;height:100%;padding:.5rem 0;color:#000!important}.work-peace-pie{color:#fff;background-color:#ff2389}.work-peace-pie .list-group-item{background-color:#0cebfa6e}.work-articles{color:#000;background-color:#f9edcd;background-position:50%;background-repeat:no-repeat;background-size:350px 465px;position:relative;overflow-x:hidden}.work-articles .list-group-item{background-color:#b09460}.work-rev-lights{background:linear-gradient(124deg,#ff2400,#ff2400,#ff2400,#e81d1d,#e8b71d,#e3e81d,#1de840,#1da8e8,#2b1de8,#2b1de8,#2b1de8,#2b1de8) 0 0/600% 300%;width:100%;position:absolute;inset:0}.work-rev-lights .list-group-item{background-color:#ffffff4d}.work-handshakes{color:#fff;background-image:url(/img/clients/quick.jpg)}.work-handshakes .list-group-item{background-color:#3e160d}.work-blank{background-color:var(--primary-orange)}.work-opticians-pal{color:#fff;background-color:#000}.work-bons{color:#fdbc01;background-color:#1e5448}.work-race-game{color:#fdfdfd;background-color:#698c00}.work-plinko{color:#e8a15e;background-color:#8d4441}.work-wandering-optical{color:#04082e;background-color:#d58882}.work-eight-ball-pool{color:#164019;background-color:#15a718}.work-four-frogs{color:#000;background-color:#ffdab9;background-image:url(/img/work-cards/four-frogs/bark.jpg)}.work-four-frogs h4,.work-four-frogs p,.work-four-frogs a{color:#fff;text-shadow:0 0 3px #000}.work-four-frogs .list-group-item{background-color:#ffdab9;border:1px solid #000}.work-four-frogs canvas{width:302px;height:204px;position:absolute;top:.5rem;left:50%;transform:translate(-50%)}.work-four-frogs .players-wrap{width:100%;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.work-four-frogs .player{background-size:15px 15px;width:15px;height:15px;position:absolute}.work-four-frogs #redPlayer{background:url(/img/work-cards/four-frogs/players.png) 0 0/15px;animation:1s linear infinite alternate slideY;top:30px;left:135px}.work-four-frogs #bluePlayer{background:url(/img/work-cards/four-frogs/players.png) 0 45px/15px;animation:1s linear infinite alternate slideXY;top:30px;left:215px}.work-four-frogs #greenPlayer{background:url(/img/work-cards/four-frogs/players.png) 0 15px/15px;animation:1s linear infinite alternate slideX;top:120px;left:80px}.work-four-frogs #yellowPlayer{background:url(/img/work-cards/four-frogs/players.png) 0 30px/15px;animation:1s linear infinite myOrbit;top:130px;left:178px}@keyframes slideY{0%{transform:translateY(0)}to{transform:translateY(50px)}}@keyframes myOrbit{0%{transform:rotate(0)translate(10px)rotate(0)}to{transform:rotate(360deg)translate(10px)rotate(-360deg)}}@keyframes slideX{0%{transform:translate(0)}to{transform:translate(50px)}}@keyframes slideXY{0%{transform:translate(0)translateY(0)}to{transform:translate(-50px)translateY(50px)}}.new-hero{flex-direction:column-reverse;justify-content:center;align-items:center;display:flex;position:relative}@media (min-width:768px){.new-hero{flex-direction:row;height:auto;height:70vh!important}.new-hero .left,.new-hero .right{width:50%}}.new-hero .left{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex}.new-hero .left .text-container{max-width:400px}.new-hero .left .text-container h1{margin:0 0 2rem;font-size:3rem;font-weight:700;line-height:1}.new-hero .left .text-container h1 .powerup-text{color:var(--primary-orange);font-family:var(--font-pixelify-sans);transform-origin:50%;animation:1.5s ease-in-out infinite powerup-flash;display:inline-block}.new-hero .left .text-container .button-container{gap:.2rem}.new-hero .left .text-container .button-container button{border-radius:0!important}.new-hero .right{background-color:#f1712133;width:100%;height:100%}.new-hero .experience-canvas{height:100%;min-height:320px;position:relative}.new-hero .experience-controls{z-index:1;align-items:stretch;gap:.5rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.new-hero .experience-enter-button{border:2px solid var(--primary-orange);color:#fff;cursor:pointer;white-space:nowrap;background:#000000a6;border-radius:0;padding:.5rem .8rem;display:none}.new-hero .experience-enter-button:focus-visible{outline-offset:2px;outline:2px solid #fff}@media (min-width:992px) and (any-hover:hover) and (any-pointer:fine){.new-hero .experience-enter-button{display:block}}.new-hero .material-picker{gap:.5rem;display:flex}.new-hero .material-option{cursor:pointer;background:#000000a6;border:2px solid #ffffff80;border-radius:0;grid-template-columns:repeat(2,1fr);gap:.2rem;width:4.5rem;padding:.25rem;display:grid}.new-hero .material-option img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.new-hero .material-option.active{border-color:var(--primary-orange)}.new-hero .material-option:focus-visible{outline-offset:2px;outline:2px solid #fff}.new-hero .experience-hud{z-index:1;align-items:center;gap:.5rem;display:flex;position:absolute;top:1rem;left:1rem}.new-hero .experience-mode,.new-hero .experience-debug-button,.new-hero .experience-exit-button{color:#fff;background:#000000b3;border:1px solid #ffffffa6;border-radius:0;min-height:2.5rem;padding:.5rem .75rem;font-size:.8rem;line-height:1}.new-hero .experience-debug-button,.new-hero .experience-exit-button{cursor:pointer}.new-hero .experience-debug-button:focus-visible,.new-hero .experience-exit-button:focus-visible{outline-offset:2px;outline:2px solid #fff}.new-hero .experience-exit-button{border-color:var(--primary-orange)}@keyframes powerup-flash{0%,to{opacity:.92;text-shadow:0 0 #0000;transform:scale(1)translateY(1px)}8%{opacity:1;text-shadow:0 0 .75rem var(--primary-orange);transform:scale(1.16)}16%{text-shadow:0 0 .25rem var(--primary-orange);transform:scale(.94)}24%{text-shadow:0 0 .5rem var(--primary-orange);transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.new-hero .powerup-text{animation:none}}section.post-hero-spacer{background-color:#000;flex-direction:column;padding:1rem;display:flex}section.post-hero-spacer .separator{display:none}@media (min-width:768px){section.post-hero-spacer{flex-direction:row;justify-content:center;align-items:center;height:100px;font-size:1.5rem}section.post-hero-spacer .separator{display:initial!important}}section.post-hero-spacer marquee{gap:1rem}section.post-hero-spacer marquee span{display:inline-block}@keyframes scroll{to{background-position:0 -3000px}}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}@-webkit-keyframes rainbow{0%{background-position:0 82%}50%{background-position:100% 19%}to{background-position:0 82%}}@-moz-keyframes rainbow{0%{background-position:0 82%}50%{background-position:100% 19%}to{background-position:0 82%}}@-o-keyframes rainbow{0%{background-position:0 82%}50%{background-position:100% 19%}to{background-position:0 82%}}@keyframes rainbow{0%{background-position:100% 19%}to{background-position:0 82%}}@keyframes rainbow-r{0%{background-position:0 82%}to{background-position:100% 19%}}@keyframes bounce-1{0%{transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes logo-shadow{0%{filter:drop-shadow(0 0 5px #fff)}to{filter:drop-shadow(0 0 15px #fff)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#813508}::-webkit-scrollbar-thumb{background:var(--primary-orange)}::-webkit-scrollbar-thumb:hover{background:#fff}.software-grid-container{width:100%;height:auto;padding-bottom:2rem}.software-grid{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:auto;gap:2rem;max-width:700px;margin:0 auto 2rem;display:grid}.grid-item{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:165px;font-size:18px;display:flex}.grid-item img{object-fit:contain;width:100px;height:100px;margin-bottom:.5rem}.grid-item .name{color:#000;font-size:11px}.grid-item a{text-decoration:none}@media (max-width:1024px){.software-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){.software-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}}@media (max-width:480px){.software-grid{grid-template-columns:minmax(0,1fr)}}footer{background-color:#1d1d21;height:55px}footer li{list-style:none;display:inline}footer ul{vertical-align:middle;height:48px;padding:0;display:table-cell}footer .footer-site-map a li,footer .footer-other a li{color:#fff;padding-top:10px;font-size:1.1rem}footer .footer-site-map a:hover,footer .footer-other a:hover{border-bottom:1px solid var(--primary-orange);text-decoration:none}footer .fa-facebook-official:hover,footer .fa-github:hover,footer .fa-map-marker:hover{color:#fff}footer .copyright{border-top:1px solid var(--primary-orange);background-color:#1d1d21;justify-content:center;align-items:center;height:100%;margin-top:0;font-size:1.5rem;display:flex}@media (min-width:600px){footer .copyright{font-size:1.5rem}}footer .copyright .brand{display:flex;line-height:1!important}footer .copyright .secondary{font-size:.8rem}@media (max-width:350px){.card-width{width:auto}}@media (min-width:768px){.carousel-item .img-fluid{height:500px;max-height:500px}#image .quote{padding:0% 20%;font-size:30px}#image>div>div>p{top:15%}.header-content{margin:-100px}}@media (min-width:991px){.navbar-collapse{border-top:none!important}#navbarNav>ul>li>a>i{opacity:0;display:none}.nav-link{font-size:1.3rem}}.page-not-found #satellite{transform-origin:50%;animation:10s linear infinite rotateSatellite}@keyframes rotateSatellite{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body.admin-multi-tenant header,body.admin-multi-tenant footer{display:none}.page-client #ship{transform-origin:50%;animation:.2s infinite rattle}@keyframes rattle{0%{transform:translate(0)rotate(0)}25%{transform:translate(1px,-1px)rotate(1deg)}50%{transform:translate(-1px,1px)rotate(0)}75%{transform:translate(1px,1px)rotate(-1deg)}to{transform:translate(0)rotate(0)}}.page-blog .blog-post{border:1px solid #ccc;border-left:5px solid var(--primary-orange);background:#303030;width:100%;margin-bottom:2rem;padding:1rem}.page-blog .blog-post h2{margin-bottom:.5rem;font-size:1.5rem}.page-blog .blog-post p{margin-bottom:.5rem}:root{--primary-orange:#f16f21}.bg{opacity:.5;z-index:-1;background-image:linear-gradient(-60deg,#ee757f 50%,#fff2a9 50%);animation:8s ease-in-out infinite alternate slide;position:absolute;inset:0 -50%}.bg2{animation-duration:8s;animation-direction:alternate-reverse}.bg3{animation-duration:10s}@keyframes slide{0%{transform:translate(-25%)}to{transform:translate(25%)}}.raleway-font{font-family:Raleway,sans-serif}.dual-header{justify-content:space-between;display:flex}.alert-cosmic{color:#fff;background-color:#f16f21;border-color:#fff;border-radius:2px}body{-ms-animation:100s scroll infinite linear;background:url(/img/backgrounds/bg-scroll.png);width:100%;height:100%;animation:100s linear infinite scroll;position:relative;top:0;left:0}a{text-decoration:none}.page{max-width:100vw;min-height:calc(100vh - 114px);overflow-x:hidden}#bounce{animation:1s infinite alternate bounce-1}.btn-primary{--bs-btn-border-color:#fff;background:#f16f21}.btn-primary:hover{color:#000;background-color:#fff;border-color:#000}.btn-primary:active{--bs-btn-active-border-color:var(--primary-orange);background-color:#000!important}.btn-primary:disabled{background:#f16f21;border:1px solid #000}.text-orange{color:#f16f21}.text-black{color:#000!important}.fa,.fas{color:#f16f21}.site-lander{height:100vh}#logo{filter:drop-shadow(0 0 5px #fff);animation:1s infinite alternate logo-shadow}#logo:hover{animation:.8s infinite alternate logo-shadow}.slide-text{color:#000;font-size:.8rem}.full-hero{justify-content:center;align-items:center;height:50vh;display:flex;position:relative}.full-hero .score{color:#fff;opacity:0;align-items:center;margin:.5rem;transition-duration:.2s;display:flex;position:absolute;top:0;left:0}.full-hero .score.playing{opacity:1}.full-hero .keyboard-keys{flex-direction:column;justify-content:center;align-items:center;margin:.5rem;transition-duration:.2s;display:flex;position:absolute;top:0;left:0}.full-hero .keyboard-keys .note{color:#ffffffb3;font-size:.75rem}.full-hero .keyboard-keys img{width:30px}.full-hero .keyboard-keys.playing{opacity:0}.full-hero .keyboard-keys .wasd{filter:contrast(0);flex-direction:column;justify-content:center;align-items:center;display:flex}.full-hero .keyboard-keys .left-right{filter:contrast(0);display:flex}.full-hero .satellite-icon,.full-hero .moon-icon{z-index:-1;width:50px;height:50px;animation-delay:1s;position:absolute;top:0;left:0}.full-hero .animated-logo-wrapper{position:relative}.full-hero .animated-logo-wrapper .animated-icon-wrapper .animated-icon{z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.full-hero .animated-logo-wrapper .animated-icon-wrapper .fa-code{animation:.6s cubic-bezier(.34,1.56,.64,1) forwards springUp}@keyframes springUp{0%{opacity:0;transform:translate(-50%,-50%)translateY(0)}to{opacity:1;transform:translate(-50%,-50%)translateY(-100px)}}.full-hero .animated-logo-wrapper .animated-icon-wrapper .fa-mobile{animation:.6s cubic-bezier(.34,1.56,.64,1) forwards springDown}@keyframes springDown{0%{opacity:0;transform:translate(-50%,-50%)translateY(0)}to{opacity:1;transform:translate(-50%,-50%)translateY(100px)}}.full-hero .animated-logo-wrapper .animated-icon-wrapper .fa-paint-brush{animation:.6s cubic-bezier(.34,1.56,.64,1) forwards springLeft}@keyframes springLeft{0%{opacity:0;transform:translate(-50%,-50%)translate(0)}to{opacity:1;transform:translate(-50%,-50%)translate(-100px)}}.full-hero .animated-logo-wrapper .animated-icon-wrapper .fa-video{animation:.6s cubic-bezier(.34,1.56,.64,1) forwards springRight}@keyframes springRight{0%{opacity:0;transform:translate(-50%,-50%)translate(0)}to{opacity:1;transform:translate(-50%,-50%)translate(100px)}}.full-hero .scroll-down{z-index:1;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.full-hero .h1,.full-hero h1{font-size:2rem}.full-hero .h5,.full-hero h5{font-size:1.25rem}.full-hero .scroll-down .btn{letter-spacing:normal;color:#fff;border:2px solid #fff;width:50px;height:50px;padding:0;font-size:30px;line-height:50px;border-radius:100%!important}.full-hero .scroll-down .btn i{transform:translateY(-2px)}.full-hero .intro-content{color:#fff;text-align:center;position:relative}.full-hero .brand-name{text-transform:none;margin-top:15px;font-family:Raleway,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:35px;font-weight:900;line-height:55px}.full-hero img{max-width:150px;max-height:150px}.full-hero .intro-content{padding-top:100px}@media (min-width:768px){header img{max-width:200px;max-height:200px}header .h1,header h1{font-size:2.5rem}header .h5,header h5{font-size:1.25rem}header .full-hero .scroll-down{bottom:5%}}#what{background-color:#f16f21;box-shadow:inset 1px 1px 10px #555}#what .service-bar{vertical-align:middle;background-color:#fff;border-radius:.25rem;height:55px;max-height:55px;box-shadow:1px 1px 5px #555}#what .service-bar i{color:#f16f21;line-height:55px}#what .service-bar h3{color:#000;line-height:55px}.servive-bar-over:hover{background-color:#1c2833}.portfolio-tagline{color:#fff;max-width:800px;font-size:20px;font-weight:300;display:inline-block}#contact{background-color:#f16f21;box-shadow:inset 1px 1px 10px #555}#contact .service-bar{vertical-align:middle;background-color:#fff;border-radius:.25rem;height:55px;max-height:55px;transition-duration:.2s;box-shadow:1px 1px 5px #555}#contact .service-bar:hover{background-color:#ddd}#contact .service-bar i{color:#f16f21;line-height:55px}#contact .service-bar h3{color:#000;line-height:55px}.carousel-item .img-fluid{height:300px;max-height:300px}#image .quote{font-size:1.3rem}#image{color:#fff;background-color:#f16f21;box-shadow:inset 1px 1px 10px #555}#image h3{color:#fff;width:inherit;font-size:20px;position:absolute;top:70%}#image .quote{color:#fff;width:inherit;text-shadow:2px 2px 5px #000;position:absolute;top:30%}#image .filter{background-color:#595959a8;width:100%;height:100%;position:absolute;top:0;left:0}#image .after{height:30px}#image>div>div>p{z-index:1;text-align:center;position:absolute;top:23%}.carousel-item .img-fluid{object-fit:cover;width:100%;max-height:300px}.card-width{width:20rem}.our-work-section img{background-color:#000;border:1px solid #000}.our-work-section .filters{text-align:center;margin-bottom:20px}.our-work-section .filters .filter-button{color:#fff;cursor:pointer;background-color:#f16f21;border:none;margin:5px;padding:10px 20px;transition:background-color .3s}.our-work-section .filters .filter-button:hover{background-color:#d2570d}.our-work-section .filters .filter-button.active{background-color:#ba4d0c}.to-top-button{z-index:1000;color:#fff;cursor:pointer;background-color:#f16f21;border:1px solid #ffffffb3;border-radius:999px;padding:.4rem .9rem;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0000004d}.to-top-button:hover{background-color:#d2570d}.work-cards-filter[data-filter=Website] .work-cards>[data-work-type]:not([data-work-type=Website]),.work-cards-filter[data-filter=Game] .work-cards>[data-work-type]:not([data-work-type=Game]),.work-cards-filter[data-filter=Software] .work-cards>[data-work-type]:not([data-work-type=Software]){display:none}.animate-in{-z-animation:rainbow 7s ease infinite;-webkit-animation:7s infinite rainbow;-o-animation:7s infinite rainbow;animation:3s rainbow}.animate-out{-z-animation:rainbow 7s reverse infinite;-webkit-animation:7s infinite reverse rainbow;-o-animation:7s infinite reverse rainbow;animation:3s rainbow-r}#clients .card-title{margin-top:.25rem!important}.alert .work-alert-item-1{background-color:#fff;height:175px}.alert .work-alert-item-2{background-color:#f16f21;height:175px}.alert .work-alert-item-3{color:#fff;background-color:#1c2833;height:175px}.alert .section{padding:0!important}.alert h1{line-height:175px}.alert h1:hover{color:#fff;background-color:#1c2833;height:175px}.alert a{text-decoration-color:#f16f21!important}.contact-section{flex-flow:column;flex:1 0 auto;justify-content:center;min-width:100%;margin-top:30px;display:flex}@media (min-width:768px){.contact-section{margin-top:-80px}}.contact-page input,.contact-page textarea,.contact-page select{width:inherit;height:50px;padding:12px;line-height:18px}.contact-page textarea{height:initial}.contact-page form{width:100%}.contact-page button{border-radius:3px;height:74px;font-size:20px}.contact-page .btn-dark{color:#fff;background-color:#222;border:0 solid #000}.contact-box h5 a{color:#1c2833}textarea:focus,input[type=text]:focus,input[type=password]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=date]:focus,input[type=month]:focus,input[type=time]:focus,input[type=week]:focus,input[type=number]:focus,input[type=email]:focus,input[type=url]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=color]:focus,select:focus,option:focus,option,option:hover,.uneditable-input:focus{border-color:#000;outline:0;box-shadow:inset 0 10px 10px #00000013,0 0 8px #fff9}option{color:#fff;background:#f16f21}span.typed-cursor{opacity:1;animation:.7s infinite blink}
