body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@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:30vh;margin-top:5vw;position:relative;top:0;width:100vw;z-index:10}@media (min-width:1024px){.InitialSection{height:100vh}}.AboutPage{height:fit-content;width:100%}.AboutPage,.Information{align-items:center;display:flex;flex-direction:column;justify-content:flex-start}.Information{margin-right:5vw;margin-top:2vh;position:relative;width:55vw;z-index:5}.Socials{align-items:center;display:flex;flex-direction:column;height:fit-content;justify-content:flex-start;position:absolute;right:1vw;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;width:4vw}.LinkedIn img{height:auto;position:relative;width:4vw}.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;width:4vw}.YouTube img{height:auto;position:relative;width:4vw}.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:4vw}.GetYourStart img{height:auto;position:relative;width:4vw}.PageDetails{background-color:#000;color:#fff;height:fit-content;width:100%}.PageDetails,.PageDetails p{font-family:Montserrat;position:relative}.PageDetails p{font-size:2vw;left:6vw;width:70%}.PageDetails h2{font-family:GlitchFont;font-size:3vw;left:2vw;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:3vw;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:1.3vw;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:1vw;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:5vh;overflow-y:hidden;position:relative;top:0;width:100vw;z-index:10}.AboutPage{height:100%;width:100%}.Information{flex-direction:column;margin-top:2vh;width:90vw;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:17vw}.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:17vw}.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:17vw}.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:3vh;font-weight:500;text-align:center;width:90%}.PageDetails h2{font-family:GlitchFont;font-size:3vh;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:3vh;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:25vh;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:4vw}.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:4.2vw;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:1vw;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){.Contact,.ContactPage{height:100%;width:100%}.ContactPage{flex-direction:column;margin-bottom:150px;margin-top:110px}.ContactContainer,.ContactPage{align-items:center;display:flex}.ContactContainer{flex-direction:row;height:fit-content;position:relative;right:5%;width:fit-content;width:100%}.Contact form{display:flex;flex-direction:column;margin:auto;width:20vw}.Contact label{font-weight:700;margin-top:10px}.Contact input[type=text],.Contact textarea{border-radius:10px;box-shadow:5px 5px 15px #0000004d;font-size:1.3vw;margin-top:5px;padding:8px}.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:1.3vw;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:15vh;resize:both;width:100%}.ContactBanner{color:#fff;font-family:GlitchFont;height:5vw;transform:rotate(270deg)}.ThankYou{color:#fff;font-family:Montserrat;font-size:5vw;font-weight:700;left:50%;position:absolute;text-align:center;top:50%;transform:translateX(-50%) translateY(-50%);width:90%}.ContactBanner{font-size:4vw;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;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,.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;height:fit-content;justify-content:center;position:relative;width:100%}.Contact form,.ContactContainer{display:flex;flex-direction:column}.Contact form{margin:auto;width:50vw}.Contact label{font-weight:700;margin-top:10px}.Contact input[type=text],.Contact textarea{border-radius:10px;box-shadow:5px 5px 15px #0000004d;font-size:1.8vh;margin-top:5px;padding:8px}.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:1.8vh;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:15vh;resize:both;width:100%}.ContactBanner{color:#fff;display:none;font-family:GlitchFont;height:5vw;transform:rotate(270deg)}.ThankYou{color:#fff;font-family:Montserrat;font-size:2vh;font-weight:700;left:50%;position:absolute;text-align:center;top:50%;transform:translateX(-50%) translateY(-50%);width:90%}.ContactBanner{font-size:4vw;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:5vh;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:2vw;width:60vw}}.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:40vh;margin:0 5%;position:relative;transform-origin:inherit;width:auto}.Welcome{display:flex;flex-direction:column;height:20vh;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;width:100%}.NavSeparator{background-color:#fff;border-color:#fff;border-style:solid;height:5%;width:100%}.navContainer{height:5vw;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:2.3vw;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;width:100%}.NavSeparator{background-color:#fff;border-color:#fff;border-style:solid;height:5%;width:100%}.navContainer{height:5vh;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:1.5vh;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:30vw;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%;width:100%}.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 2px 1px rgba(0,0,0,.164);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:2.2vw;font-weight:700}.ImgAndDesc{align-items:center;display:flex;flex-direction:row;height:fit-content}.ProjectDesc{text-wrap:wrap;font-size:1.3vw;font-weight:500;height:100%;width:70%}.ProjectImageContainer{align-items:center;display:flex;flex-direction:column;height:20vw;justify-content:center;margin-right:20px;width:20vw}.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:7vw;justify-content:center;margin-left:10px;margin-right:10px;width:7vw}.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:1.7vw}}@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{height:100%;width:100%}.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 2px 1px rgba(0,0,0,.164);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:2.2vh;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:1.6vh;font-weight:500;height:100%;width:90%}.ProjectImageContainer{align-items:center;display:flex;flex-direction:column;height:20vh;justify-content:center;width:20vh}.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:4vh;justify-content:center;margin-left:10px;margin-right:10px;width:4vh}.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:2vh;font-weight:700}.ProjectsBanner{color:#fff;font-family:GlitchFont;font-size:50px;text-align:center;width:100%}.ProjectLink{font-family:GlitchFont;font-size:1.7vh}}.Fade-Out{animation:Fade-Out 1s ease-out forwards}@keyframes Fade-Out{0%{opacity:1}to{opacity:0}}.ResumePage{align-items:center;flex-direction:column}.Resume,.ResumePage{display:flex;height:100%;width:100%}.Resume{border:1px solid #000;border-radius:25px;box-shadow:5px 5px 15px #0000004d;box-sizing:border-box;justify-self:center;margin-top:2.5%}@media (min-width:390px){.ResumeCont{word-wrap:break-word;font-size:15px;height:100%;max-width:100%;overflow-wrap:break-word;padding:25px;white-space:normal;width:100%}.ResumeCont p{font-size:8px;height:100%;object-fit:contain;width:100%}}@media (min-width:768px){.ResumeCont{font-size:20px;padding:25px}.ResumeCont p{font-size:20px;object-fit:contain}}html{background-color:#000;overflow-x:hidden}.background,html{height:100vh;width:100vw}.background{background:linear-gradient(180deg,navy,#000);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:100vw}@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:100vh;margin-bottom:150px;position:relative;width:100vw}@font-face{font-family:GlitchFont;src:url(/static/media/CfGlitchCityRegular-L1vZ.0d3ccbb98d8204cb6e3a.ttf)}@media (orientation:landscape){.Services{grid-row-gap:20px;display:grid;grid-template-columns:1fr 1fr 1fr;height:fit-content;place-items:center;row-gap:20px;width:100vw}.ServiceContainer{aspect-ratio:1/1;width:20vw}.SectionHeader{color:#fff;font-family:GlitchFont;font-size:4vw;text-align:center;text-transform:uppercase;width:100vw}.Service{align-items:center;background-color:#000;box-shadow:12px 12px 2px 1px rgba(0,0,0,.164);display:flex;flex-direction:column;height:100%;justify-content:center;opacity:0;width:100%}.ServiceName{font-size:2vw;font-weight:800}.ServiceDesc,.ServiceName{color:#fff;font-family:Montserrat;text-align:center}.ServiceDesc{font-size:1.2vw;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{grid-row-gap:5vw;grid-column-gap:5vw;column-gap:5vw;display:grid;grid-template-columns:1fr 1fr;left:50%;place-items:center;position:relative;row-gap:5vw;transform:translateX(-50%);width:90vw}.TestimonyContainer{height:fit-content;width:40vw}.Testimony{align-items:flex-start;background-color:#fff;flex-direction:column;justify-content:center;opacity:0;padding:20px}.Client,.Testimony{display:flex;width:100%}.Client{align-items:center;flex-direction:row;justify-content:flex-start}.ClientImage{aspect-ratio:1/1;border-radius:50%;margin-right:2vw;overflow-x:hidden;overflow-y:hidden;width:20%}.ClientImage img{height:100%;object-fit:contain;width:100%}.Client h2{font-size:2vw}.Client h2,.ClientTestimony{color:#000;font-family:Montserrat}.ClientTestimony{font-size:1.3vw;font-weight:500}.StarRating{align-items:center;display:flex;flex-direction:row;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:100vh;justify-content:center;width:100vw}.Slogan{font-family:Montserrat;font-size:2vw;font-weight:700;width:90vw}.BusinessHeader,.Slogan{color:#fff;text-align:center}.BusinessHeader{font-family:GlitchFont;font-size:3vw;text-transform:uppercase;width:95vw}.BusinessLogo{aspect-ratio:1/1;width:20vw}.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:2vw;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:auto;position:relative;width:100%}.Projects .ContactContainer{align-items:center;display:flex;flex-direction:row;justify-content:space-between;left:50%;padding-bottom:50px;padding-top:50px;position:relative;transform:translateX(-50%);width:60%}.ContactMethod{align-items:center;display:flex;flex-direction:column;justify-content:center;width:20vw}.MethodHeader{text-wrap:nowrap;color:#fff;font-family:GlitchFont;font-size:3vw;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){.Services{grid-row-gap:20px;display:grid;grid-template-columns:1fr 1fr;height:fit-content;place-items:center;row-gap:20px;width:100vw}.ServiceContainer{height:48vw;width:48vw}.SectionHeader{color:#fff;font-family:GlitchFont;font-size:6vw;text-align:center;text-transform:uppercase;width:100vw}.Service{align-items:center;background-color:#000;box-shadow:12px 12px 2px 1px rgba(0,0,0,.164);display:flex;flex-direction:column;height:100%;justify-content:center;opacity:0;width:100%}.ServiceName{font-weight:800}.ServiceDesc,.ServiceName{color:#fff;font-family:Montserrat;font-size:3.5vw;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;justify-content:center}.TestimonyContainer{height:fit-content;margin-bottom:15vw;width:fit-content}.Testimony{align-items:flex-start;background-color:#fff;display:flex;flex-direction:column;justify-content:center;opacity:0;padding:20px;width:85vw}.Client{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;width:100%}.ClientImage{aspect-ratio:1/1;border-radius:50%;margin-right:5vw;overflow-x:hidden;overflow-y:hidden;width:20%}.ClientImage img{height:100%;object-fit:contain;width:100%}.Client h2{font-size:4vw}.Client h2,.ClientTestimony{color:#000;font-family:Montserrat}.ClientTestimony{font-size:3vw;font-weight:500}.StarRating{align-items:center;display:flex;flex-direction:row;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:100vh;justify-content:center;width:100vw}.Slogan{font-family:Montserrat;font-weight:700;width:90vw}.BusinessHeader,.Slogan{color:#fff;font-size:7vw;text-align:center}.BusinessHeader{font-family:GlitchFont;text-transform:uppercase;width:95vw}.BusinessLogo{aspect-ratio:1/1;width:65vw}.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:7vw;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{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;margin-bottom:50px;width:100%}.Projects .ContactContainer{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding-bottom:50px;padding-top:50px;width:90%}.ContactMethod{align-items:center;display:flex;flex-direction:column;justify-content:center;width:35vw}.MethodHeader{text-wrap:nowrap;color:#fff;font-family:GlitchFont;font-size:5vw;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)}}
/*# sourceMappingURL=main.d01ae7b7.css.map*/