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;width:var(--app-width)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (orientation:landscape){@font-face{font-family:GlitchFont;src:url(/static/media/CfGlitchCityRegular-L1vZ.0d3ccbb98d8204cb6e3a.ttf)}.InitialSection{align-items:flex-end;display:flex;flex-direction:column;justify-content:flex-start;left:0;margin-bottom:calc(var(--app-height)*.3);margin-top:calc(var(--app-width)*.05);position:relative;top:0;width:var(--app-width);z-index:10}@media (min-width:1024px){.InitialSection{height:calc(var(--app-height)*1)}}.AboutPage{height:fit-content;width:100%}.AboutPage,.Information{align-items:center;display:flex;flex-direction:column;justify-content:flex-start}.Information{margin-right:calc(var(--app-width)*.05);margin-top:calc(var(--app-height)*.2);position:relative;width:calc(var(--app-width)*.55);z-index:5}.Socials{align-items:center;display:flex;flex-direction:column;height:fit-content;justify-content:flex-start;position:absolute;right:calc(var(--app-width)*.01);top:0;width:fit-content}@media (min-width:1440px){.Socials{top:20px}}.LinkedIn{height:auto;margin:10px;width:50px}.LinkedIn button{align-items:center;background-color:initial;border-width:0;display:flex;flex-direction:column;height:fit-content;justify-content:center}.LinkedIn button,.LinkedIn img{width:calc(var(--app-width)*.04)}.LinkedIn img{height:auto;position:relative}.YouTube{height:auto;margin:10px;width:50px}.YouTube button{align-items:center;background-color:initial;border-width:0;display:flex;flex-direction:column;height:fit-content;justify-content:center}.YouTube button,.YouTube img{width:calc(var(--app-width)*.04)}.YouTube img{height:auto;position:relative}.GetYourStart{height:auto;margin:10px;width:50px}.GetYourStart button{align-items:center;background-color:initial;border-width:0;display:flex;flex-direction:column;height:fit-content;justify-content:center;width:calc(var(--app-width)*.04)}.GetYourStart img{height:auto;position:relative;width:calc(var(--app-width)*.04)}.PageDetails{background-color:#000;box-shadow:0 0 36px 12px #fffc;color:#fff;height:fit-content;width:100%}.PageDetails,.PageDetails p{font-family:Montserrat;position:relative}.PageDetails p{font-size:calc(var(--app-width)*.02);left:calc(var(--app-width)*.06);width:70%}.PageDetails h2{font-family:GlitchFont;font-size:calc(var(--app-width)*.03);left:calc(var(--app-width)*.02);position:relative;width:90%}.divider{background-color:#fff;height:5px;margin-bottom:25px;width:100%}.header{text-wrap:nowrap;color:#fff;font-family:GlitchFont;font-size:calc(var(--app-width)*.03);margin:0;text-align:center}.About{display:flex;flex-direction:column;height:100%;width:100%}@media (min-width:1024px){.About{align-items:flex-start}}.SectionContainer{height:fit-content;margin-bottom:300px;width:50%}.NameAndLogo{align-items:center;display:flex;flex-direction:row;height:10%;width:100%}.SectionLogoContainer{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin-right:25px;width:20%}.SectionLogoContainer img{height:100%;object-fit:contain;width:100%}.SectionName{color:#fff;font-family:GlitchFont;font-size:35px}@media (min-width:1024px){.SectionName{font-size:35px}}.SectionSeparator{background-color:#fff;box-shadow:5px 5px 2px 1px rgba(0,0,0,.164);height:5px;margin-bottom:25px;margin-top:25px;padding-left:25px;padding-right:25px;width:100%}.TextAndImageContainer{font-size:calc(var(--app-width)*.013);font-weight:500;width:100%}.SectionImageContainer,.TextAndImageContainer{display:flex;flex-direction:column;justify-content:center}.SectionImageContainer{align-items:center;height:30%;width:50%}.SectionImageContainer img{height:100%;object-fit:contain;width:100%}.About-Text{font-size:20px}@media (min-width:1024px){.LinkedInLogoAndLink{width:20%}.LinkedInImageContainer{height:100%;margin-right:calc(var(--app-width)*.01);width:50%}}.LinkedInImageContainer img{height:100%;object-fit:contain;width:100%}@media (min-width:1024px){.LinkedInLink{font-size:25px}}.ContentContainer{background-color:#fff;box-shadow:12px 12px 2px 1px rgba(0,0,0,.164);font-family:Montserrat;height:70%;height:fit-content;padding:25px;width:100%}@keyframes slide-right{0%{transform:translate(-1000px)}to{transform:translate(0)}}@keyframes slide-left{0%{transform:translate(0)}to{transform:translate(-1000px)}}.Slide-Right{animation:slide-right .7s both}.Slide-Left{animation:slide-left .7s both}.Fade-In{animation:fade-in 1.2s both}.NasirGriffin{--amp:6px;--dur:2s;--blink:0.9;--blur:0.6px;bottom:0;display:inline-block;height:100%;left:50px;overflow-x:hidden;overflow-y:hidden;position:absolute;transform-origin:50% 50%;width:fit-content;z-index:2}.NasirGriffin:after,.NasirGriffin:before{background:50%/cover no-repeat;background-image:var(--img);content:"";inset:0;mix-blend-mode:screen;opacity:.75;pointer-events:none;position:absolute;will-change:transform,opacity,clip-path,filter;z-index:2}.NasirGriffin:before{animation:shift var(--dur) steps(12) infinite,slice var(--dur) steps(24) infinite,blink calc(var(--dur)*.9) steps(10) infinite;filter:drop-shadow(0 0 0 #00ffff)}.NasirGriffin:after{animation:shift2 var(--dur) steps(12) infinite reverse,slice2 var(--dur) steps(24) infinite,blink calc(var(--dur)*.9) steps(10) infinite reverse;filter:drop-shadow(0 0 0 #ff00ff)}.NasirGriffin img{animation:microjit var(--dur) steps(20) infinite,pop calc(var(--dur)*3) linear infinite;display:block;height:100%;overflow-y:hidden;position:relative;transform-origin:inherit;width:auto;z-index:1}}@media (orientation:portrait){@font-face{font-family:GlitchFont;src:url(/static/media/CfGlitchCityRegular-L1vZ.0d3ccbb98d8204cb6e3a.ttf)}.InitialSection{align-items:center;display:flex;flex-direction:column;height:fit-content;justify-content:flex-start;left:0;margin-bottom:75px;margin-top:calc(var(--app-height)*.05);overflow-y:hidden;position:relative;top:0;width:var(--app-width);z-index:10}.AboutPage{height:100%;width:100%}.Information{flex-direction:column;margin-top:calc(var(--app-height)*.02);width:calc(var(--app-width)*.9);z-index:5}.Information,.Socials{align-items:center;display:flex;position:relative}.Socials{flex-direction:row;height:fit-content;justify-content:flex-end;width:100%}.LinkedIn{height:auto;margin:10px;width:calc(var(--app-width)*.17)}.LinkedIn button{align-items:center;background-color:initial;border-width:0;display:flex;flex-direction:column;height:fit-content;justify-content:center;width:100%}.LinkedIn img{height:auto;position:relative;width:100%}.YouTube{height:auto;margin:10px;width:calc(var(--app-width)*.17)}.YouTube button{align-items:center;background-color:initial;border-width:0;display:flex;flex-direction:column;height:fit-content;justify-content:center;width:100%}.YouTube img{height:auto;position:relative;width:100%}.GetYourStart{height:auto;margin:10px;width:calc(var(--app-width)*.17)}.GetYourStart button{align-items:center;background-color:initial;border-width:0;display:flex;flex-direction:column;height:fit-content;justify-content:center;width:100%}.GetYourStart img{height:auto;position:relative;width:100%}.PageDetails{align-items:center;background-color:#000;color:#fff;display:flex;flex-direction:column;height:fit-content;width:100%}.PageDetails,.PageDetails p{font-family:Montserrat;position:relative}.PageDetails p{font-size:calc(var(--app-height)*.03);font-weight:500;text-align:center;width:90%}.PageDetails h2{font-family:GlitchFont;font-size:calc(var(--app-height)*.03);position:relative;text-align:center;width:90%}.divider{background-color:#fff;height:5px;margin-bottom:25px;width:100%}.divider,.header{position:relative}.header{color:#fff;font-family:GlitchFont;font-size:calc(var(--app-height)*.03);margin:0;text-align:center}.About{height:100%;width:100%}.About,.SectionContainer{align-items:center;display:flex;flex-direction:column}.SectionContainer{height:fit-content;justify-content:center;margin-bottom:calc(var(--app-height)*.25);width:70%}.NameAndLogo{align-items:center;display:flex;flex-direction:row;height:10%;width:100%}.SectionLogoContainer{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin-right:25px;width:20%}.SectionLogoContainer img{height:100%;object-fit:contain;width:100%}.SectionName{color:#fff;font-family:GlitchFont;font-size:calc(var(--app-width)*.04)}.SectionSeparator{background-color:#fff;box-shadow:5px 5px 2px 1px rgba(0,0,0,.164);height:5px;margin-bottom:25px;margin-top:25px;padding-left:25px;padding-right:25px;width:100%}.TextAndImageContainer{font-size:calc(var(--app-width)*.042);font-weight:500;width:100%}.SectionImageContainer,.TextAndImageContainer{display:flex;flex-direction:column;justify-content:center}.SectionImageContainer{align-items:center;height:30%;width:50%}.SectionImageContainer img{height:100%;object-fit:contain;width:100%}.About-Text{font-size:20px;font-weight:500}@media (min-width:1024px){.LinkedInLogoAndLink{width:20%}.LinkedInImageContainer{height:100%;margin-right:calc(var(--app-width)*.01);width:50%}}.LinkedInImageContainer img{height:100%;object-fit:contain;width:100%}@media (min-width:1024px){.LinkedInLink{font-size:25px}}.ContentContainer{background-color:#fff;box-shadow:12px 12px 2px 1px rgba(0,0,0,.164);font-family:Montserrat;height:70%;height:fit-content;padding:25px;width:100%}@keyframes slide-right{0%{transform:translate(-1000px)}to{transform:translate(0)}}@keyframes slide-left{0%{transform:translate(0)}to{transform:translate(-1000px)}}.Slide-Right{animation:slide-right .7s both}.Slide-Left{animation:slide-left .7s both}.Fade-In{animation:fade-in 1.2s both}.NasirGriffin{display:none}}@media (orientation:landscape){.ContactPage,.ContactPage .Contact{height:100%;width:100%}.ContactPage{align-items:center;display:flex;flex-direction:column;margin-bottom:150px;margin-top:110px}.ContactPage .ContactContainer{align-items:center;display:flex;flex-direction:row;height:fit-content;position:relative;right:5%;width:fit-content;width:100%}.ContactPage .Contact form{align-items:center;display:flex;flex-direction:column;justify-self:center;margin:auto;width:calc(var(--app-width)*.2)}.ContactPage .Contact label{font-weight:700;margin-top:10px;width:100%}.ContactPage .Contact input[type=text],.ContactPage .Contact textarea{border-radius:10px;box-shadow:5px 5px 15px #0000004d;font-size:calc(var(--app-width)*.013);margin-top:5px;padding:8px}.ContactPage .Contact input[type=submit]{background-color:blue;border-color:blue;border-radius:10px;box-shadow:5px 5px 15px #0000004d;color:#fff;cursor:pointer;font-family:Montserrat;font-size:calc(var(--app-width)*.013);font-weight:700;margin-top:15px;padding-bottom:10px;padding-top:10px}.ContactPage .Contact input[type=submit]:hover{background-color:#000536;border-color:#000536;color:grey}.FormContatiner textarea{max-width:100%;min-height:calc(var(--app-height)*.15);resize:both;width:100%}.ContactBanner{color:#fff;font-family:GlitchFont;height:5calc(var(--app-width));transform:rotate(270deg)}.ThankYou{color:#fff;font-family:Montserrat;font-size:calc(var(--app-width)*.05);font-weight:700;left:50%;position:absolute;text-align:center;top:50%;transform:translateX(-50%) translateY(-50%);width:90%}.ContactBanner{font-size:calc(var(--app-width)*.04);margin-right:-70px}.FormContainer{align-items:center;background-color:#fff;border-style:solid;border-width:1px;box-shadow:#000;box-shadow:5px 5px 15px #0000004d;display:flex;flex-direction:column;height:fit-content;justify-self:center;margin:50px 0 0;padding:50px;width:calc(var(--app-width)*.25)}.FormContainer form input,.FormContainer form textarea{font-family:Montserrat;width:100%}.ContactContainer .ContactInstructions{color:#fff;font-family:GlitchFont;margin-left:25%}.BannerAndForm{align-items:center;display:flex;flex-direction:row}.Fade-In{animation:fade-in 1.2s both}}@media (orientation:portrait){.Contact{min-height:calc(var(--app-height)*1)}.Contact,.ContactPage{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.ContactPage{margin-bottom:150px;margin-top:110px}.ContactContainer{align-items:center;display:flex;flex-direction:column;height:fit-content;justify-content:center;min-height:calc(var(--app-height)*1);position:relative;width:100%}.FormContainer form{margin:auto;width:calc(var(--app-width)*.5)}.Contact label{font-weight:700;margin-top:10px}.Contact input[type=text],.Contact textarea{margin-top:5px;padding:8px}.Contact input[type=submit],.Contact input[type=text],.Contact textarea{border-radius:10px;box-shadow:5px 5px 15px #0000004d;font-size:calc(var(--app-height)*.018)}.Contact input[type=submit]{background-color:blue;border-color:blue;color:#fff;cursor:pointer;font-family:Montserrat;font-weight:700;margin-top:15px;padding-bottom:10px;padding-top:10px}.Contact input[type=submit]:hover{background-color:#000536;border-color:#000536;color:grey}textarea{max-width:100%;min-height:calc(var(--app-height)*.015);resize:both;width:100%}.ContactBanner{color:#fff;display:none;font-family:GlitchFont;height:5calc(var(--app-width));transform:rotate(270deg)}.ThankYou{color:#fff;font-family:Montserrat;font-size:calc(var(--app-height)*.02);font-weight:700;left:50%;position:absolute;text-align:center;top:50%;transform:translateX(-50%) translateY(-50%);width:90%}.ContactBanner{font-size:calc(var(--app-width)*.04);margin-right:-90px}.FormContainer{background-color:#fff;border-style:solid;border-width:1px;box-shadow:#000;box-shadow:5px 5px 15px #0000004d;display:flex;height:fit-content;justify-self:center;margin:50px 0 0;padding:50px;width:fit-content}.FormContainer form input,.FormContainer form textarea{font-family:Montserrat}.ContactInstructions{color:#fff;display:none;font-family:GlitchFont;margin-left:25%}.BannerAndForm{align-items:center;display:flex;flex-direction:row}.Fade-In{animation:fade-in 1.2s both}}@media (orientation:landscape){.container{align-items:center;justify-content:center;margin-top:calc(var(--app-height)*.05);overflow:-moz-hidden-unscrollable;padding-top:5%}.LandingPage,.container{display:flex;height:100%;width:100%}.LandingPage{align-items:flex-start;flex-direction:row;justify-content:flex-start;overflow:hidden}.LandingPageText{color:#fff;display:flex;flex-direction:column;font-family:GlitchFont;margin:0 5%}@media (min-width:768px){.LandingPageText{font-size:calc(var(--app-width)*.02);width:calc(var(--app-width)*.6)}}.PortraitContainer{--amp:6px;--dur:2s;--blink:0.9;--blur:0.6px;display:inline-block;position:relative;transform-origin:50% 50%}.PortraitContainer:after,.PortraitContainer:before{background:50%/cover no-repeat;background-image:var(--img);content:"";inset:0;mix-blend-mode:screen;opacity:.75;pointer-events:none;position:absolute;will-change:transform,opacity,clip-path,filter;z-index:2}.PortraitContainer:before{animation:shift var(--dur) steps(12) infinite,slice var(--dur) steps(24) infinite,blink calc(var(--dur)*.9) steps(10) infinite;filter:drop-shadow(0 0 0 #00ffff)}.PortraitContainer:after{animation:shift2 var(--dur) steps(12) infinite reverse,slice2 var(--dur) steps(24) infinite,blink calc(var(--dur)*.9) steps(10) infinite reverse;filter:drop-shadow(0 0 0 #ff00ff)}.Portrait{animation:microjit var(--dur) steps(20) infinite,pop calc(var(--dur)*3) linear infinite;display:block;height:auto;position:relative;transform-origin:inherit;width:100%;z-index:1}@media (min-width:768px){.PortraitContainer{border-width:5px;height:fit-content;margin-right:25px;width:20%}.Portrait{height:100%;margin:0 5%;object-fit:contain;position:relative;width:100%}}.Welcome{display:flex;flex-direction:column;justify-content:flex-start;position:relative;width:80%}.welcome-node-enter{opacity:0}.welcome-node-enter-active{opacity:1;transition:opacity 1s ease-in}.welcome-node-exit{opacity:1}.welcome-node-exit-active{opacity:0;transition:opacity .2s ease-out}.Navigate-node-enter{opacity:0}.Navigate-node-enter-active{opacity:1;transition:opacity 1s ease-in}.Navigate-node-exit{opacity:1}.Navigate-node-exit-active{opacity:0;transition:opacity .2s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:100%}}.Fade-In{animation:fade-in 1.2s both}@keyframes slide-up{0%{transform:translateY(1000px)}to{transform:translateY(0)}}.Slide-Up{animation:slide-up .7s both}}@media (orientation:portrait){.container{justify-content:center;margin-top:60px;overflow:-moz-hidden-unscrollable;padding-top:5%}.LandingPage,.container{align-items:center;display:flex;height:100%;width:100%}.LandingPage{flex-direction:column;justify-content:flex-start;overflow:hidden}.LandingPageText{align-items:center;color:#fff;display:flex;flex-direction:column;font-family:GlitchFont;justify-content:center;margin:0 5%;text-align:center}.PortraitContainer{--amp:6px;--dur:2s;--blink:0.9;--blur:0.6px;display:inline-block;position:relative;transform-origin:50% 50%}.PortraitContainer:after,.PortraitContainer:before{background:50%/cover no-repeat;background-image:var(--img);content:"";inset:0;mix-blend-mode:screen;opacity:.75;pointer-events:none;position:absolute;will-change:transform,opacity,clip-path,filter;z-index:2}.PortraitContainer:before{animation:shift var(--dur) steps(12) infinite,slice var(--dur) steps(24) infinite,blink calc(var(--dur)*.9) steps(10) infinite;filter:drop-shadow(0 0 0 #00ffff)}.PortraitContainer:after{animation:shift2 var(--dur) steps(12) infinite reverse,slice2 var(--dur) steps(24) infinite,blink calc(var(--dur)*.9) steps(10) infinite reverse;filter:drop-shadow(0 0 0 #ff00ff)}.Portrait{animation:microjit var(--dur) steps(20) infinite,pop calc(var(--dur)*3) linear infinite;display:block;height:calc(var(--app-height)*.4);margin:0 5%;position:relative;transform-origin:inherit;width:auto}.Welcome{display:flex;flex-direction:column;height:calc(var(--app-height)*.2);justify-content:flex-start;position:relative;text-align:center;width:80%}.welcome-node-enter{opacity:0}.welcome-node-enter-active{opacity:1;transition:opacity 1s ease-in}.welcome-node-exit{opacity:1}.welcome-node-exit-active{opacity:0;transition:opacity .2s ease-out}.Navigate-node-enter{opacity:0}.Navigate-node-enter-active{opacity:1;transition:opacity 1s ease-in}.Navigate-node-exit{opacity:1}.Navigate-node-exit-active{opacity:0;transition:opacity .2s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:100%}}.Fade-In{animation:fade-in 1.2s both}@keyframes slide-up{0%{transform:translateY(1000px)}to{transform:translateY(0)}}.Slide-Up{animation:slide-up .7s both}}@font-face{font-family:HackedFont;src:url(/static/media/Hacked-KerX.d981e1d471a16b240218.ttf)}@media (orientation:landscape){.NavBar{background-color:#000;display:flex;height:95%;justify-content:center}.NavBar,.NavSeparator{width:var(--app-width)}.NavSeparator{background-color:#fff;border-color:#fff;border-style:solid;height:5%}.navContainer{height:calc(var(--app-width)*.05);left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:5000}.NavBar .Link,.navContainer{display:flex;flex-direction:column}.NavBar .Link{align-items:center;color:#fff;font-family:HackedFont;font-size:calc(var(--app-width)*.023);font-weight:700;justify-content:center;margin:0 5%;padding-bottom:15px;padding-top:15px;text-align:center;transition:color .3s ease-in-out}.NavBar .Link:hover{color:#000536;transform:scale(1.2)}.link-node-enter{transform:scale(1)}.link-node-enter-active{transform:scale(1.2);transition:all 2s ease-in-out}.link-node-exit{transform:scale(1.2)}.link-node-exit-active{transform:scale(1);transition:all 2s ease-in-out}}@media (orientation:portrait){.NavBar{background-color:#000;display:flex;height:95%;justify-content:center}.NavBar,.NavSeparator{width:var(--app-width)}.NavSeparator{background-color:#fff;border-color:#fff;border-style:solid;height:5%}.navContainer{height:calc(var(--app-height)*.05);left:0;overflow:hidden hidden;position:fixed;top:0;width:var(--app-width);z-index:5000}.NavBar .Link,.navContainer{display:flex;flex-direction:column}.NavBar .Link{align-items:center;color:#fff;font-family:HackedFont;font-size:calc(var(--app-height)*.015);font-weight:700;justify-content:center;margin:0 5%;padding-bottom:15px;padding-top:15px;text-align:center;transition:color .3s ease-in-out}.NavBar .Link:hover{color:#000536;transform:scale(1.2)}.link-node-enter{transform:scale(1)}.link-node-enter-active{transform:scale(1.2);transition:all 2s ease-in-out}.link-node-exit{transform:scale(1.2)}.link-node-exit-active{transform:scale(1);transition:all 2s ease-in-out}}@media (orientation:landscape){.Handshake,.ProjectIMG,.UbuntuLogo{height:fit-content;left:50px;overflow-y:hidden;position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--app-width)*.3);z-index:2}.Handshake img,.ProjectIMG img,.UbuntuLogo img{height:auto;overflow-y:hidden;width:100%}.Github{height:auto;margin:10px;width:50px}.Github button{align-items:center;background-color:initial;border-width:0;display:flex;flex-direction:column;height:fit-content;justify-content:center;width:50px}.Github img{height:auto;position:relative;width:50px}.divider{background-color:#fff;height:5px;margin-bottom:25px;width:100%}.header{color:#fff;font-family:GlitchFont;text-align:center}.Projects{height:100%;position:relative;width:100%;z-index:5}.ListOfProjects{height:fit-content;justify-content:center;justify-items:center}.ListOfProjects,.ProjectContainer{align-items:center;display:flex;flex-direction:column;margin-bottom:100px}.ProjectContainer{background-color:#f3f3f3;border:1px solid #e4e4e4;box-shadow:12px 12px 36px 12px #000c;justify-content:space-between;margin-top:20px;width:80%}@media (min-width:1440px){.ProjectContainer{height:fit-content;min-height:700px}}.Project{height:80%;padding:25px;width:80%}.ProjectName{font-family:GlitchFont;font-size:calc(var(--app-width)*.022);font-weight:700}.ImgAndDesc{align-items:center;display:flex;flex-direction:row;height:fit-content}.ProjectDesc{text-wrap:wrap;font-size:calc(var(--app-width)*.013);font-weight:500;height:100%;width:70%}.ProjectImageContainer{align-items:center;display:flex;flex-direction:column;height:calc(var(--app-width)*.2);justify-content:center;margin-right:20px;width:calc(var(--app-width)*.2)}.ProjectImageContainer img{align-self:center;display:flex;height:auto;object-fit:contain;width:100%}.Technologies{align-items:flex-start;display:flex;flex-direction:column;height:60%;margin-bottom:15px;max-width:100%;width:100%}.Backend,.Database,.Frontend,.Languages{align-items:center;display:flex;flex-direction:row;height:25%;width:100%}.BackendContainer,.DatabaseContainer,.FrontendContainer,.LanguageContainer{align-items:center;display:flex;flex-direction:row;height:100%;width:100%}.TechnologyCont{align-items:center;display:flex;flex-direction:column;height:calc(var(--app-width)*.07);justify-content:center;margin-left:10px;margin-right:10px;width:calc(var(--app-width)*.07)}.ProjectDesc{font-family:Montserrat}.TechnologyCont img{align-items:center;display:flex;flex-direction:column;height:100%;object-fit:contain;width:100%}.TechnologyType{font-family:GlitchFont;font-size:25px;font-weight:700}.ProjectsBanner{color:#fff;font-family:GlitchFont;font-size:50px;text-align:center;width:100%}.ProjectLink{font-family:GlitchFont;font-size:calc(var(--app-width)*.017)}}@media (orientation:portrait){.Handshake,.ProjectIMG,.UbuntuLogo{display:none}.Handshake img,.ProjectIMG img,.UbuntuLogo img{height:auto;overflow-y:hidden;width:100%}.Github{height:auto;margin:10px;width:50px}.Github button{align-items:center;background-color:initial;border-width:0;display:flex;flex-direction:column;height:fit-content;justify-content:center;width:50px}.Github img{height:auto;position:relative;width:50px}.divider{background-color:#fff;height:5px;margin-bottom:25px;width:100%}.header{color:#fff;font-family:GlitchFont;text-align:center}.Projects{width:var(--app-width)}.ListOfProjects{height:fit-content;justify-content:center;justify-items:center;width:var(--app-width)}.ListOfProjects,.ProjectContainer{align-items:center;display:flex;flex-direction:column;margin-bottom:100px}.ProjectContainer{background-color:#f3f3f3;border:1px solid #e4e4e4;box-shadow:12px 12px 2px 1px rgba(0,0,0,.164);justify-content:space-between;margin-top:20px;position:relative;width:80%;z-index:7}@media (min-width:1440px){.ProjectContainer{height:fit-content;min-height:700px}}.Project{height:80%;padding:25px;width:80%}.ProjectName{font-family:GlitchFont;font-size:calc(var(--app-height)*.022);font-weight:700;text-align:center;width:100%}.ImgAndDesc{align-items:center;display:flex;flex-direction:column;height:fit-content}.ProjectDesc{text-wrap:wrap;font-size:calc(var(--app-height)*.016);font-weight:500;height:100%;width:90%}.ProjectImageContainer{align-items:center;display:flex;flex-direction:column;height:calc(var(--app-height)*.2);justify-content:center;width:calc(var(--app-height)*.2)}.ProjectImageContainer img{align-self:center;display:flex;height:auto;object-fit:contain;width:100%}.Technologies{align-items:flex-start;display:flex;flex-direction:column;height:60%;margin-bottom:15px;max-width:100%;width:100%}.Backend,.Database,.Frontend,.Languages{align-items:center;display:flex;flex-direction:row;height:25%;width:100%}.BackendContainer,.DatabaseContainer,.FrontendContainer,.LanguageContainer{align-items:center;display:flex;flex-direction:row;height:100%;width:100%}.TechnologyCont{align-items:center;display:flex;flex-direction:column;height:calc(var(--app-height)*.04);justify-content:center;margin-left:10px;margin-right:10px;width:calc(var(--app-height)*.04)}.ProjectDesc{font-family:Montserrat}.TechnologyCont img{align-items:center;display:flex;flex-direction:column;height:100%;object-fit:contain;width:100%}.TechnologyType{font-family:GlitchFont;font-size:calc(var(--app-height)*.02);font-weight:700}.ProjectsBanner{color:#fff;font-family:GlitchFont;font-size:50px;text-align:center;width:100%}.ProjectLink{font-family:GlitchFont;font-size:calc(var(--app-height)*.017)}}.Fade-Out{animation:Fade-Out 1s ease-out forwards}@keyframes Fade-Out{0%{opacity:1}to{opacity:0}}html{background-color:#000;height:100vh}.background,html{width:var(--app-width)}.background{background:linear-gradient(180deg,navy,#000);height:var(--app-height);left:0;position:fixed;top:0;z-index:-1}.glitch-container{--amp:6px;--dur:2s;--blink:0.9;--blur:0.6px;bottom:0;display:inline-block;right:0;transform-origin:50% 50%;z-index:-1}.glitch-img{animation:microjit var(--dur) steps(20) infinite,pop calc(var(--dur)*3) linear infinite;display:block;position:relative;transform-origin:inherit;z-index:1}.glitch-container:after,.glitch-container:before{background:50%/cover no-repeat;background-image:var(--img);content:"";inset:0;mix-blend-mode:screen;opacity:.75;pointer-events:none;position:absolute;will-change:transform,opacity,clip-path,filter;z-index:2}.glitch-container:before{animation:shift var(--dur) steps(12) infinite,slice var(--dur) steps(24) infinite,blink calc(var(--dur)*.9) steps(10) infinite;filter:drop-shadow(0 0 0 #00ffff)}.glitch-container:after{animation:shift2 var(--dur) steps(12) infinite reverse,slice2 var(--dur) steps(24) infinite,blink calc(var(--dur)*.9) steps(10) infinite reverse;filter:drop-shadow(0 0 0 #ff00ff)}@keyframes microjit{0%,to{transform:translate(0) rotate(0deg)}10%{transform:translate(.5px,-.5px) rotate(.05deg)}20%{transform:translate(-.5px,.5px) rotate(-.05deg)}30%{transform:translate(.6px,.2px) rotate(.05deg)}40%{transform:translate(-.6px,-.2px) rotate(-.05deg)}50%{transform:translate(0) rotate(0deg)}}@keyframes pop{0%,92%,to{filter:none;transform:scale(1)}93%{filter:blur(var(--blur));transform:scale(1.02)}96%{transform:scale(.995)}}@keyframes shift{0%{transform:translate(0)}20%{transform:translate(var(--amp))}40%{transform:translate(calc(var(--amp)*-1))}60%{transform:translate(calc(var(--amp)*.5))}80%{transform:translate(calc(var(--amp)*-.5))}to{transform:translate(0)}}@keyframes shift2{0%{transform:translate(0)}20%{transform:translate(calc(var(--amp)*-1))}40%{transform:translate(var(--amp))}60%{transform:translate(calc(var(--amp)*-.5))}80%{transform:translate(calc(var(--amp)*.5))}to{transform:translate(0)}}@keyframes slice{0%{clip-path:polygon(0 2%,100% 2%,100% 8%,0 8%)}20%{clip-path:polygon(0 22%,100% 22%,100% 28%,0 28%)}40%{clip-path:polygon(0 52%,100% 52%,100% 56%,0 56%)}60%{clip-path:polygon(0 72%,100% 72%,100% 76%,0 76%)}80%{clip-path:polygon(0 6%,100% 6%,100% 10%,0 10%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes slice2{0%{clip-path:polygon(0 88%,100% 88%,100% 92%,0 92%)}20%{clip-path:polygon(0 58%,100% 58%,100% 62%,0 62%)}40%{clip-path:polygon(0 34%,100% 34%,100% 38%,0 38%)}60%{clip-path:polygon(0 10%,100% 10%,100% 14%,0 14%)}80%{clip-path:polygon(0 40%,100% 40%,100% 44%,0 44%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes blink{0%,8%,to{opacity:1}10%{opacity:calc(1 - var(--blink))}11%,50%,54%{opacity:1}52%{opacity:calc(1 - var(--blink))}}@media (prefers-reduced-motion:reduce){.glitch-container,.glitch-container:after,.glitch-container:before{animation:none!important;filter:none!important}}.SystemsPage{height:auto;width:var(--app-width)}@media (min-width:1440px){.UbuntuLogo{bottom:70px;height:fit-content;left:50px;overflow-y:hidden;position:absolute;top:50%;transform:translateY(-50%);width:25%;z-index:2}}.UbuntuLogo img{height:auto;overflow-y:hidden;width:100%}.SystemsPage .ProjectContainer{margin-bottom:100px;max-height:fit-content;min-height:0}.SystemsHeader,.SystemsPage .ProjectContainer{left:50%;position:relative;transform:translateX(-50%)}.SystemsHeader{color:#fff;font-family:GlitchFont;font-size:45px;width:fit-content}.CaseStudy{height:var(--app-height);margin-bottom:150px;position:relative;width:var(--app-width)}@font-face{font-family:GlitchFont;src:url(/static/media/CfGlitchCityRegular-L1vZ.0d3ccbb98d8204cb6e3a.ttf)}@media (orientation:landscape){.Services{grid-row-gap:calc(var(--app-height)*.1);display:grid;grid-template-columns:1fr 1fr 1fr;height:fit-content;place-items:center;position:relative;row-gap:calc(var(--app-height)*.1);width:var(--app-width);z-index:5}.BackgroundLayer{height:calc(var(--page-height) - var(--app-height)*2.8);left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.StartingBackground{align-items:center;background-color:#000;display:flex;flex-direction:column;height:calc(var(--app-height)*1);justify-content:center;left:0;position:fixed;top:0;width:var(--app-width);z-index:2}.StartingBackground img{height:100%;object-fit:cover;width:100%}.TrueBackground{background:linear-gradient(180deg,navy,#000);background-position:50%;background-repeat:no-repeat;background-size:cover;height:var(--app-height);margin-top:calc(var(--app-height)*1.25);position:sticky;top:0;width:100%;z-index:3}.ServiceContainer{aspect-ratio:1/1;width:calc(var(--app-width)*.2)}.SectionHeader{color:#fff;font-family:GlitchFont;font-size:calc(var(--app-width)*.04);height:calc(var(--app-height)*.25);position:relative;text-align:center;text-transform:uppercase;width:var(--app-width);z-index:15}.SectionHeader,.Service{align-items:center;display:flex;flex-direction:column;justify-content:center}.Service{background-color:#000;box-shadow:0 0 36px 12px #fffc;height:100%;opacity:0;width:100%}.ServiceName{font-size:calc(var(--app-width)*.02);font-weight:800}.ServiceDesc,.ServiceName{color:#fff;font-family:Montserrat;text-align:center}.ServiceDesc{font-size:calc(var(--app-width)*.012);font-weight:500;height:30%;overflow-y:auto}.ServiceImageContainer{height:20%;max-width:70%}.ClientServices h2{font-size:calc(var(--app-width)*.025)}.ClientServices span{font-size:calc(var(--app-width)*.03)}.ServiceImageContainer img{height:100%;object-fit:contain;width:100%}.Invisible{opacity:0}.SlideUpAndAppear{animation:slideUpAndAppear .45s ease-out forwards;transform:translateY(0);will-change:transform,opacity}@keyframes slideUpAndAppear{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.CredibilitySection{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;width:var(--app-width);z-index:5}.Testimonials{grid-row-gap:calc(var(--app-width)*.05);grid-column-gap:calc(var(--app-width)*.05);column-gap:calc(var(--app-width)*.05);display:grid;grid-template-columns:1fr 1fr;place-items:center;position:relative;row-gap:calc(var(--app-width)*.05);width:calc(var(--app-width)*.9)}.TestimonyContainer{align-items:center;aspect-ratio:2/1;width:calc(var(--app-width)*.4)}.Testimony,.TestimonyContainer{display:flex;flex-direction:column;justify-content:center}.Testimony{align-items:flex-start;background-color:#fff;box-shadow:12px 12px 36px 12px #000c;height:100%;opacity:0;padding:20px;width:100%}.Client{align-items:center;display:flex;flex-direction:row;height:30%;justify-content:flex-start;width:100%}.ClientImage{aspect-ratio:1/1;border-radius:50%;height:100%;margin-right:calc(var(--app-width)*.02);overflow-x:hidden;overflow-y:hidden}.ClientImage img{height:100%;object-fit:contain;width:100%}.Client h2{font-size:calc(var(--app-width)*.02)}.Client h2,.ClientTestimony{color:#000;font-family:Montserrat}.ClientTestimony{font-size:calc(var(--app-width)*.013);font-weight:500;height:30%}.StarRating{align-items:center;display:flex;flex-direction:row;height:30%;justify-content:flex-start;width:100%}.Star{aspect-ratio:1/1;width:5%}.Star img{height:100%;object-fit:contain;width:100%}.GoogleLink{align-items:center;aspect-ratio:15/3;background-color:#fff;border-radius:45px;border-style:none;display:flex;flex-direction:row;font-family:Montserrat;font-size:calc(var(--app-width)*.012);justify-content:space-between;margin-bottom:calc(var(--app-width)*.05);margin-top:calc(var(--app-width)*.05);position:relative;transition:color .6s ease,background-color .6s ease;width:calc(var(--app-width)*.2)}.GoogleLink:hover{background-color:#000;color:#fff}.GoogleIcon{aspect-ratio:1/1;width:15%}.GoogleIcon img{height:100%;object-fit:contain;width:100%}.GoogleStars{align-items:center;display:flex;flex-direction:row;font-family:Montserrat;font-size:calc(var(--app-width)*.012);height:50%;justify-content:space-between;width:20%}.GoogleStars div{height:90%;margin-left:10px;width:100%}.GoogleStars div img{height:100%;object-fit:contain;width:100%}.BusinessTitle{align-items:center;display:flex;flex-direction:column;height:var(--app-height);justify-content:center;z-index:5}.BusinessTitle,.firstdivider{position:relative;width:var(--app-width)}.firstdivider{background:linear-gradient(180deg,#00000003,navy);height:calc(var(--app-height)*.25);z-index:3}.Slogan{font-family:Montserrat;font-size:calc(var(--app-width)*.02);font-weight:700;width:calc(var(--app-width)*.9)}.BusinessHeader,.Slogan{color:#fff;text-align:center}.BusinessHeader{font-family:GlitchFont;font-size:calc(var(--app-width)*.03);height:fit-content;text-transform:uppercase;width:calc(var(--app-width)*.45)}.BusinessHeader img{height:auto;object-fit:contain;position:relative;width:100%}.BusinessLogo{aspect-ratio:1/1;width:calc(var(--app-width)*.2)}.BusinessLogo img{height:100%;width:100%}.Reveal{opacity:0;transform:translateY(18px)}.RevealActive .Reveal{animation:slideUpAndAppear .45s ease-out forwards}.RevealActive .BusinessHeader{animation-delay:0s}.RevealActive .BusinessLogo{animation-delay:.3s}.RevealActive .Slogan{animation-delay:.6s}.Scroll-Down{animation:glitch-skew 1.8s linear infinite alternate-reverse;bottom:18px;color:#fff;font-family:GlitchFont,sans-serif;font-size:calc(var(--app-width)*.02);left:50%;letter-spacing:.22em;opacity:1;pointer-events:none;position:fixed;text-align:center;text-transform:uppercase;transform:translateX(-50%);-webkit-user-select:none;user-select:none;width:100%;z-index:9999}.Projects .Contact{height:calc(var(--app-height)*1.6);overflow-y:hidden;position:relative;scroll-margin-top:calc(var(--app-height)*.26);width:100%;z-index:5}.Projects .ContactContainer{flex-direction:column;left:calc(var(--app-width)*.05);position:absolute;top:10%;z-index:4}.ProductsSection,.Projects .ContactContainer{align-items:center;display:flex;justify-content:center}.ProductsSection{flex-direction:row;height:var(--app-height);min-height:var(--app-height);width:var(--app-width)}.Products{flex-direction:row;height:95%;width:95%}.Product,.Products{align-items:center;display:flex;justify-content:space-between}.Product{background-color:#000;color:#fff;flex-direction:column;font-family:Montserrat;height:calc(var(--app-height)*.95);padding:calc(var(--app-width)*.02) calc(var(--app-width)*.02) calc(var(--app-width)*.02) calc(var(--app-width)*.02);width:calc(var(--app-width)*.18)}.Tier{font-size:calc(var(--app-width)*.015);height:10%;text-align:center}.TierImage{aspect-ratio:1/1;height:10%}.TierImage img{height:100%;object-fit:contain;width:100%}.ContactContainer button{background-color:#202020;border-radius:35px;border-style:none;color:#fff;font-family:montserrat;font-size:calc(var(--app-width)*.014);margin-top:30px;padding-bottom:20px;padding-top:20px;transition:background-color .6s ease;width:calc(var(--app-width)*.2)}.ContactContainer button:hover{background-color:navy}.Product ul{align-items:center;display:flex;flex-direction:column;height:65%;justify-content:space-between}.Product li{font-size:calc(var(--app-width)*.009);font-weight:500}.Fees{align-items:center;display:flex;flex-direction:column;height:10%;justify-content:space-between}.Fees span{font-size:calc(var(--app-width)*.014);font-weight:500;text-align:center}.WhiteRectangle{align-items:center;border:5px solid #fff;color:#fff;display:flex;flex-direction:column;height:calc(var(--app-width)*.064);justify-content:center;width:calc(var(--app-width)*.2)}.WhiteRectangle p{color:#fff;font-family:Montserrat,sans-serif;font-size:calc(var(--app-width)*.02);font-weight:700;text-transform:uppercase}.SubmissionBox{align-items:center;background-color:#fff;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--app-width)*.06) calc(var(--app-width)*.06) calc(var(--app-width)*.03) calc(var(--app-width)*.06);width:calc(var(--app-width)*.4)}.ContactGrid{display:grid;grid-template-columns:1fr 1fr;place-items:center;width:100%}.ContactGrid input{background-color:#202020;border:2px solid #6a6a6a;font-size:calc(var(--app-width)*.013);height:calc(var(--app-width)*.04);margin:0;padding:0;width:100%}.ContactGrid input,.ContactTag{color:#fff;font-family:Montserrat,sans-serif}.ContactTag{font-size:calc(var(--app-width)*.025);font-weight:bolder;text-transform:uppercase}.ContactDescription{font-size:calc(var(--app-width)*.0135);width:400px}.ContactDescription,.SubmissionBox textarea{color:#fff;font-family:Montserrat,sans-serif}.SubmissionBox textarea{background-color:#202020;border:2px solid #6a6a6a;font-size:calc(var(--app-width)*.013);height:calc(var(--app-width)*.15);margin:0;padding:0;width:100%}.Snapshot{height:auto;position:absolute;right:0;top:100px;width:calc(var(--app-width)*.3);z-index:3}.SecondDivider{background:linear-gradient(180deg,#0009 0,#00000080 30%,#0000);height:calc(var(--app-height)*.25);position:relative;width:var(--app-width);z-index:7}.SecondBackgroundLayer{height:calc(var(--app-height)*2.8);left:0;pointer-events:none;position:absolute;top:calc(var(--page-height) - var(--app-height)*2.8);width:var(--app-width);z-index:5}.FinalBackground{align-items:center;background-color:#000;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:var(--app-height);justify-content:center;position:sticky;top:0;width:var(--app-width);z-index:5}.FinalBackground img{height:100%;object-fit:cover;width:100%}.CallToAction{align-items:center;display:flex;flex-direction:column;height:var(--app-height);justify-content:center;position:relative;width:var(--app-width);z-index:7}.CallToAction h1{color:#fff;font-family:GlitchFont;font-size:calc(var(--app-width)*.04);text-transform:uppercase}.CTAButton{align-items:center;background-color:#000;border-radius:35px;border-style:none;border-width:0;color:#fff;display:flex;flex-direction:row;font-family:Montserrat;font-size:clamp(7px,calc(var(--app-width)*.017),32px);font-weight:500;justify-content:center;min-height:fit-content;min-width:fit-content;padding:15px;transition:background-color .6s ease}.CTAButton:hover{background-color:navy}.CTAButton span{margin-right:calc(var(--app-width)*.01)}.ContactMessage{color:#fff;font-family:Montserrat;font-size:calc(var(--app-width)*.02);text-align:center;width:100%}.ContactMethod{align-items:center;display:flex;flex-direction:column;justify-content:center;width:calc(var(--app-width)*.2)}.MethodHeader{text-wrap:nowrap;color:#fff;font-family:GlitchFont;font-size:calc(var(--app-width)*.03);text-align:center;text-transform:uppercase}.MethodButton{align-items:center;aspect-ratio:1/1;background-color:#fff;border-color:#0000;border-radius:50%;display:flex;flex-direction:column;justify-content:center;width:100%}.MethodImage{object-fit:contain;width:60%}}@media (orientation:portrait){.firstdivider{background:linear-gradient(180deg,#00000003,navy);z-index:3}.SecondDivider,.firstdivider{height:calc(var(--app-height)*.25);position:relative;width:var(--app-width)}.SecondDivider{background:linear-gradient(180deg,#0009 0,#00000080 30%,#0000);z-index:7}.BackgroundLayer{height:calc(var(--page-height) - var(--app-height)*3.25);pointer-events:none;position:absolute}.BackgroundLayer,.StartingBackground{left:0;top:0;width:var(--app-width);z-index:2}.StartingBackground{background-color:#000;height:var(--app-height);overflow-x:hidden;position:fixed}.StartingBackground,.StartingBackground img{align-items:center;display:flex;flex-direction:column;justify-content:center}.StartingBackground img{height:100%;object-fit:cover;width:100%}.TrueBackground{background:linear-gradient(180deg,navy,#000);background-position:50%;background-repeat:no-repeat;background-size:cover;height:var(--app-height);margin-top:calc(var(--app-height)*1.25);position:sticky;top:0;width:100%;z-index:3}.CallToAction{align-items:center;display:flex;flex-direction:column;height:var(--app-height);justify-content:center;position:relative;width:var(--app-width);z-index:7}.CallToAction h1{text-wrap:nowrap;color:#fff;font-family:GlitchFont;font-size:calc(var(--app-width)*.05);text-transform:uppercase;width:90%}.CTAButton{align-items:center;background-color:#000;border-radius:35px;border-style:none;border-width:0;color:#fff;display:flex;flex-direction:row;font-family:Montserrat;font-size:clamp(16px,calc(var(--app-width)*.07),32px);font-weight:500;justify-content:center;min-height:fit-content;min-width:fit-content;padding:15px;transition:background-color .6s ease}.CTAButton:hover{background-color:navy}.CTAButton span{margin-right:calc(var(--app-width)*.01)}.SecondBackgroundLayer{height:calc(var(--app-height)*3.25);left:0;pointer-events:none;position:absolute;top:calc(var(--page-height) - var(--app-height)*3.25);width:var(--app-width);z-index:5}.FinalBackground{align-items:center;background-color:#000;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:var(--app-height);justify-content:center;overflow-x:hidden;position:sticky;top:0;width:var(--app-width);z-index:5}.FinalBackground img{height:100%;object-fit:cover;width:100%}.BusinessHeader{font-size:calc(var(--app-width)*.03);height:fit-content;width:calc(var(--app-width)*.45)}.CredibilitySection{flex-direction:column;justify-content:center;width:var(--app-width);z-index:7}.CredibilitySection,.GoogleLink{align-items:center;display:flex;position:relative}.GoogleLink{aspect-ratio:15/3;background-color:#fff;border-radius:45px;border-style:none;flex-direction:row;font-family:Montserrat;font-size:calc(var(--app-width)*.04);justify-content:space-between;margin-bottom:calc(var(--app-width)*.05);margin-top:calc(var(--app-width)*.05);transition:color .6s ease,background-color .6s ease;width:calc(var(--app-width)*.6)}.GoogleLink:hover{background-color:#000;color:#fff}.GoogleIcon{aspect-ratio:1/1;width:10%}.GoogleIcon img{height:100%;object-fit:contain;width:100%}.GoogleStars{align-items:center;aspect-ratio:2/1;display:flex;flex-direction:row;font-family:Montserrat;font-size:calc(var(--app-width)*.04);justify-content:space-between;width:20%}.GoogleStars div{aspect-ratio:1/1;height:90%;margin-left:10px}.GoogleStars div img{height:100%;object-fit:contain;width:100%}.ProductsSection{align-items:center;display:flex;flex-direction:column;height:calc(var(--app-height)*5);justify-content:center;position:relative;width:var(--app-width);z-index:7}.Products{height:95%;width:95%}.Product,.Products{align-items:center;display:flex;flex-direction:column;justify-content:space-between}.Product{background-color:#000;color:#fff;font-family:Montserrat;height:calc(var(--app-height)*.9);margin-bottom:calc(var(--app-height)*.05);padding:calc(var(--app-width)*.02) calc(var(--app-width)*.02) calc(var(--app-width)*.02) calc(var(--app-width)*.02);width:calc(var(--app-width)*.8)}.Tier{height:10%;text-align:center}.TierImage{aspect-ratio:1/1;height:10%}.TierImage img{height:100%;object-fit:contain;width:100%}.ContactContainer button{width:calc(var(--app-width)*.2)}.Product ul{align-items:center;display:flex;flex-direction:column;height:65%;justify-content:space-between}.Product li{font-size:calc(var(--app-width)*.035);font-weight:500}.Fees{align-items:center;display:flex;flex-direction:column;height:10%;justify-content:space-between}.Fees span{font-size:calc(var(--app-width)*.05);font-weight:500;text-align:center}.BusinessHeader img{height:auto;object-fit:contain;position:relative;width:100%}.Services{grid-row-gap:20px;display:grid;grid-template-columns:1fr 1fr;height:fit-content;place-items:center;position:relative;row-gap:20px;width:var(--app-width);z-index:7}.ServiceContainer{height:calc(var(--app-width)*.48);width:calc(var(--app-width)*.48)}.SectionHeader{color:#fff;font-family:GlitchFont;font-size:calc(var(--app-width)*.06);height:calc(var(--app-height)*.25);position:relative;text-align:center;text-transform:uppercase;width:var(--app-width);z-index:7}.SectionHeader,.Service{align-items:center;display:flex;flex-direction:column;justify-content:center}.Service{background-color:#000;box-shadow:12px 12px 2px 1px rgba(0,0,0,.164);height:100%;opacity:0;width:100%}.ServiceName{font-weight:800}.ServiceDesc,.ServiceName{color:#fff;font-family:Montserrat;font-size:calc(var(--app-width)*.035);text-align:center}.ServiceDesc{font-weight:500;height:30%;overflow-y:auto}.ServiceImageContainer{height:20%;max-width:70%}.ServiceImageContainer img{height:100%;object-fit:contain;width:100%}.Invisible{opacity:0}.SlideUpAndAppear{animation:slideUpAndAppear .45s ease-out forwards;transform:translateY(0);will-change:transform,opacity}@keyframes slideUpAndAppear{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.Testimonials{align-items:center;display:flex;flex-direction:column;height:fit-content;justify-content:center}.TestimonyContainer{height:calc((var(--app-width)*0.9)*.7);margin-bottom:calc(var(--app-width)*.15);width:calc(var(--app-width)*.9)}.Testimony{align-items:flex-start;background-color:#fff;box-shadow:12px 12px 36px 12px #000c;display:flex;flex-direction:column;height:100%;justify-content:center;opacity:0;padding:20px;width:calc(var(--app-width) .85)}.Client{align-items:center;display:flex;flex-direction:row;height:30%;justify-content:flex-start;width:100%}.ClientImage{aspect-ratio:1/1;border-radius:50%;height:100%;margin-right:calc(var(--app-width)*.05);overflow-x:hidden;overflow-y:hidden}.ClientImage img{height:100%;object-fit:contain;width:100%}.Client h2{font-size:calc(var(--app-width)*.04)}.Client h2,.ClientTestimony{color:#000;font-family:Montserrat}.ClientTestimony{font-size:calc(var(--app-width)*.03);font-weight:500;height:30%;width:100%}.StarRating{align-items:center;display:flex;flex-direction:row;height:30%;justify-content:flex-start;width:100%}.Star{aspect-ratio:1/1;width:5%}.Star img{height:100%;object-fit:contain;width:100%}.BusinessTitle{align-items:center;display:flex;flex-direction:column;height:var(--app-height);justify-content:center;min-height:var(--app-height);position:relative;width:var(--app-width);z-index:7}.Slogan{font-family:Montserrat;font-weight:700;width:calc(var(--app-width)*.9)}.BusinessHeader,.Slogan{color:#fff;font-size:calc(var(--app-width)*.07);text-align:center}.BusinessHeader{font-family:GlitchFont;text-transform:uppercase;width:calc(var(--app-width)*.95)}.BusinessLogo{aspect-ratio:1/1;width:calc(var(--app-width)*.65)}.BusinessLogo img{height:100%;width:100%}.Reveal{opacity:0;transform:translateY(18px)}.RevealActive .Reveal{animation:slideUpAndAppear .45s ease-out forwards}.RevealActive .BusinessHeader{animation-delay:0s}.RevealActive .BusinessLogo{animation-delay:.3s}.RevealActive .Slogan{animation-delay:.6s}.Scroll-Down{animation:glitch-skew 1.8s linear infinite alternate-reverse;bottom:18px;color:#fff;font-family:GlitchFont,sans-serif;font-size:calc(var(--app-width)*.07);left:50%;letter-spacing:.22em;opacity:1;pointer-events:none;position:fixed;text-align:center;text-transform:uppercase;transform:translateX(-50%);-webkit-user-select:none;user-select:none;width:100%;z-index:9999}.Projects .Contact{height:calc(var(--app-height)*2);overflow-y:hidden;scroll-margin-top:176px;width:var(--app-width);z-index:5}.ContactContainer,.Projects .Contact{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.ContactContainer{z-index:4}.ContactContainer button{background-color:#202020;color:#fff;margin-top:30px;padding-bottom:20px;padding-top:20px;width:200px}.WhiteRectangle{align-items:center;border:5px solid #fff;display:flex;flex-direction:column;height:fit-content;justify-content:center;width:calc(var(--app-width)*.9)}.WhiteRectangle p{color:#fff;font-family:Montserrat,sans-serif;font-size:calc(var(--app-width)*.06);font-weight:700;text-transform:uppercase}.SubmissionBox{background-color:#fff;margin-bottom:50px;padding:calc(var(--app-width)*.05) calc(var(--app-width)*.05) calc(var(--app-width)*.05) calc(var(--app-width)*.05);width:calc(var(--app-width)*.8)}.ContactGrid,.SubmissionBox{align-items:center;display:flex;flex-direction:column;height:fit-content;justify-content:center}.ContactGrid{width:100%}.ContactGrid input{background-color:#202020;font-size:20px;height:calc(var(--app-width)*.1);margin-bottom:calc(var(--app-height)*.02);width:90%}.ContactGrid input,.ContactTag{color:#fff;font-family:Montserrat,sans-serif}.ContactTag{font-size:calc(var(--app-width)*.07);font-weight:bolder;text-transform:uppercase}.ContactDescription{font-size:20px;width:calc(var(--app-width)*.9)}.ContactDescription,.SubmissionBox textarea{color:#fff;font-family:Montserrat,sans-serif}.SubmissionBox textarea{background-color:#202020;border-radius:0;font-size:15px;height:calc(var(--app-width)*.6);width:90%}.Snapshot{bottom:0;height:auto;position:relative;right:0;width:calc(var(--app-width)*.7);z-index:3}.ContactMessage{color:#fff;font-family:Montserrat;font-size:calc(var(--app-width)*.5);text-align:center;width:100%}.ContactMethod{align-items:center;display:flex;flex-direction:column;justify-content:center;width:calc(var(--app-width)*.35)}.MethodHeader{text-wrap:nowrap;color:#fff;font-family:GlitchFont;font-size:calc(var(--app-width)*.05);text-align:center;text-transform:uppercase}.MethodButton{align-items:center;aspect-ratio:1/1;background-color:#fff;border-color:#0000;border-radius:50%;display:flex;flex-direction:column;justify-content:center;width:100%}.MethodImage{object-fit:contain;width:60%}}.Scroll-Down:after,.Scroll-Down:before{content:attr(data-text);left:0;opacity:.9;position:absolute;top:0;width:100%}.Scroll-Down:before{animation:glitch-slice-1 1.2s steps(2) infinite;clip-path:inset(0 0 0 0);transform:translate(-1px)}.Scroll-Down:after{animation:glitch-slice-2 1.35s steps(2) infinite;clip-path:inset(0 0 0 0);transform:translate(1px)}.Fade-Out{opacity:0;transition:opacity .35s ease}@keyframes glitch-skew{0%{transform:translateX(-50%) skewX(0deg)}20%{transform:translateX(-50%) skewX(.6deg)}40%{transform:translateX(-50%) skewX(-.8deg)}60%{transform:translateX(-50%) skewX(.4deg)}80%{transform:translateX(-50%) skewX(-.5deg)}to{transform:translateX(-50%) skewX(0deg)}}@keyframes glitch-slice-1{0%{clip-path:inset(0 0 85% 0);transform:translate(-2px,-1px)}10%{clip-path:inset(15% 0 60% 0);transform:translate(-1px)}20%{clip-path:inset(55% 0 25% 0);transform:translate(-3px,1px)}30%{clip-path:inset(10% 0 70% 0);transform:translate(-1px,-1px)}40%{clip-path:inset(70% 0 10% 0);transform:translate(-2px)}50%{clip-path:inset(25% 0 55% 0);transform:translate(-4px,1px)}60%{clip-path:inset(80% 0 5% 0);transform:translate(-1px)}70%{clip-path:inset(40% 0 40% 0);transform:translate(-3px,-1px)}80%{clip-path:inset(5% 0 80% 0);transform:translate(-2px,1px)}90%{clip-path:inset(60% 0 25% 0);transform:translate(-1px)}to{clip-path:inset(0 0 85% 0);transform:translate(-2px,-1px)}}@keyframes glitch-slice-2{0%{clip-path:inset(80% 0 10% 0);transform:translate(2px,1px)}10%{clip-path:inset(55% 0 25% 0);transform:translate(3px)}20%{clip-path:inset(10% 0 70% 0);transform:translate(1px,-1px)}30%{clip-path:inset(65% 0 20% 0);transform:translate(4px,1px)}40%{clip-path:inset(25% 0 55% 0);transform:translate(2px)}50%{clip-path:inset(5% 0 85% 0);transform:translate(3px,-1px)}60%{clip-path:inset(45% 0 35% 0);transform:translate(1px,1px)}70%{clip-path:inset(75% 0 10% 0);transform:translate(4px)}80%{clip-path:inset(15% 0 65% 0);transform:translate(2px,-1px)}90%{clip-path:inset(60% 0 25% 0);transform:translate(3px,1px)}to{clip-path:inset(80% 0 10% 0);transform:translate(2px,1px)}}.fade-in{opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s ease}.fade-out{opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease}
/*# sourceMappingURL=main.02229ffd.css.map*/