@import "https://fonts.googleapis.com/css2?family=Oswald&display=swap";
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_396b12ce-module__rRjk0G__className{font-family:Inter,Inter Fallback;font-style:normal}
:root{--Pink:#ef9380;--Blue:#51bbcf;--MainFont:"Oswald",sans-serif;--Shadow:#959da526 0px 8px 24px;--FontColour:#142c31}body{margin:0;padding:0}.Homepage-Background{background-position:20%;background-repeat:no-repeat;background-size:cover;flex-direction:column;align-items:flex-end;width:auto;height:100vh;display:flex}.Homepage-Content{padding:10px}@media (min-width:768px){.Homepage-Content{width:50%}}.Glitch-SubHeading{font-family:var(--MainFont);color:azure;text-transform:uppercase;text-align:right;margin-bottom:10px;font-size:1.5rem}@media (min-width:768px){.Glitch-SubHeading{text-align:left}}.Socials-Container{background-color:#0000;flex-direction:column;justify-content:flex-end;align-items:flex-end;display:flex}@media (min-width:768px){.Socials-Container{flex-direction:row;justify-content:flex-start}}.ReactIcons{color:azure;margin-right:.5rem;font-size:4em}@media (min-width:768px){.ReactIcons{font-size:3em}}.ArrowIcon{color:azure;font-size:5em;animation:1s infinite alternate ArrowIcon;position:relative}@keyframes ArrowIcon{0%{top:0}to{top:15px}}.ContactButton-Div{justify-content:right;margin-top:5%;display:flex}@media (min-width:768px){.ContactButton-Div{justify-content:left;margin-top:0%}}.ContactButton{align-self:right;font-family:var(--MainFont);color:azure;text-transform:uppercase;text-align:center;text-align:justify;text-justify:inter-word;border:2px solid azure;width:fit-content;padding:5px 20px;font-size:1.25rem}.ContactButton:hover{font-family:var(--MainFont);color:var(--Pink);background-color:azure;border:2px solid azure}.stack{grid-template-columns:1fr;display:grid}@media (min-width:768px){.stack{margin-top:20%}}.stack span{font-family:var(--MainFont);color:azure;--stack-height:calc(100%/var(--stacks) - 1px);--inverse-index:calc(calc(var(--stacks) - 1) - var(--index));--clip-top:calc(var(--stack-height)*var(--index));--clip-bottom:calc(var(--stack-height)*var(--inverse-index));clip-path:inset(var(--clip-top)0 var(--clip-bottom)0);animation:stack .34s cubic-bezier(.46,.29,0,1.24)1 backwards calc(var(--index)*.12s),glitch 2s ease infinite 2s alternate-reverse;grid-row-start:1;grid-column-start:1;font-size:4rem;font-weight:700}@media (min-width:768px){.stack span{font-size:5rem}}.stack span:nth-child(odd){--glitch-translate:8px}.stack span:nth-child(2n){--glitch-translate:-8px}@keyframes stack{0%{opacity:0;text-shadow:-2px 3px 0 #a64c6d,2px -3px 0 var(--Blue);transform:translate(-50%)}60%{opacity:.5;transform:translate(50%)}80%{opacity:1;text-shadow:2px -3px 0 #a64c6d,-2px 3px 0 var(--Blue);transform:none}to{text-shadow:none}}@keyframes glitch{0%{text-shadow:-2px 3px 0 #a64c6d,2px -3px 0 var(--Blue);transform:translate(var(--glitch-translate))}2%{text-shadow:2px -3px 0 #a64c6d,-2px 3px 0 var(--Blue)}4%,to{text-shadow:none;transform:none}}.Section-Text{text-align:justify;text-justify:inter-word;color:var(--FontColour);padding:0% 5%}.LightBlueLink,.LightBlueLink:visited{color:var(--Blue)}.LightBlueLink:hover{font-weight:700}.Section-Header{background-color:var(--Pink);text-transform:uppercase;font-size:2.5rem;font-family:var(--MainFont);color:azure;width:fit-content;box-shadow:var(--Blue)-5px 5px 0px;border-radius:2px;margin:10px 0;padding:0 10px}.Section-Header-White{text-transform:uppercase;font-size:2.5rem;font-family:var(--MainFont);color:var(--Pink);width:fit-content;box-shadow:var(--Blue)-5px 5px 0px;background-color:azure;border-radius:2px;margin:10px 0;padding:0 10px}.TitlePinkGradient{font-size:2.5rem;font-family:var(--MainFont);color:var(--Pink);text-transform:uppercase;vertical-align:top;line-height:1}.TitlePinkGradient-Underline{background-color:var(--Pink);border-radius:50px;width:85%;height:5px}@media (max-width:767px){.TitlePinkGradient-Underline{background-color:var(--Pink);width:100%;height:5px}}.BrowserImage-Container{justify-content:center;width:60%;display:flex}.BrowserImageBorder{border:2px solid var(--Pink);background-color:var(--Pink);border-radius:15px;flex-direction:column;width:auto;height:auto;display:flex}.BrowserImageNavigationbar{background-color:var(--Pink);border-radius:15px 15px 0 0;justify-content:space-between;width:100%;display:flex}.BrowserImageTitle{text-transform:uppercase;color:azure;padding-left:5px;font-weight:700}.Project-DescriptionLeft,.Project-DescriptionRight{text-align:justify;color:var(--FontColour);text-justify:inter-word;padding:0% 2%}@media (min-width:767px){.Project-DescriptionLeft{padding-right:15%}.Project-DescriptionRight{padding-left:15%}}.BrowserButton{color:azure;margin-top:2px;margin-right:2px}.BrowserDescContainer{justify-content:flex-start;width:100%;padding:.5%}@media (min-width:768px){.BrowserDescContainer{width:70%}}.TechBubble{color:azure;background-color:var(--Pink);border-radius:15px;margin:.25%;padding:.5% 2%;font-size:.75rem;font-weight:700}.TechBubbleBlue{color:#fff;background-color:var(--Blue);border-radius:15px;margin-left:.5%;margin-right:.5%;padding:.5% 2%;font-size:.75rem;font-weight:700}.TechBubbleBlue:hover{background-color:#61e0f8}.TechBubbleBlack{color:#fff;background-color:#202020;border-radius:15px;margin-left:.5%;margin-right:.5%;padding:.5% 2%;font-size:.75rem;font-weight:700}.TechBubbleBlack:hover{background-color:#606060}.ImageBrowserNavigationButtons{vertical-align:text-bottom;justify-content:space-between;padding-right:1%;display:flex}.NoGraphic-Project-Description{color:var(--FontColour);text-align:justify;text-justify:inter-word;padding:5px;display:flex}.SingleNonVisualProject{width:45%;max-width:350px;box-shadow:var(--Shadow);border-radius:15px;flex-direction:column;justify-content:space-between;align-self:stretch;margin-top:25px;padding:5px;display:flex}@media (min-width:1024px){.SingleNonVisualProject{width:30%}}.AlignLeft,.AlignRight{text-align:left}@media (min-width:768px){.AlignLeft{text-align:left}.AlignRight{text-align:right}}.Browser-Project-ContainerRight{box-shadow:var(--Shadow);border-radius:25px;flex-direction:column;justify-content:center;align-items:center;margin:5px;padding:5px;display:flex}.Browser-Project-ContainerLeft{box-shadow:var(--Shadow);border-radius:25px;flex-direction:column-reverse;justify-content:center;align-items:center;margin:5px;padding:5px;display:flex}@media (min-width:768px){.Browser-Project-ContainerLeft,.Browser-Project-ContainerRight{flex-direction:row;justify-content:flex-start;align-items:flex-start;height:min-content;margin-bottom:20px;display:flex}}.ContactBackground{background-color:var(--Pink);margin-top:20px;padding:20px 0}.Content{text-align:center;flex-direction:column;align-items:center;padding:5px;display:flex}.ContactForm{text-align:left;background-color:azure;border-radius:15px;flex-direction:column;justify-content:center;width:90%;max-width:600px;padding:20px;display:flex}.ContactForm textarea::placeholder,.ContactForm input::placeholder{font-family:Helvetica,Arial,sans-serif}.ContactForm input,.ContactForm textarea{border:2px solid var(--Pink);resize:none;border-radius:5px;font-family:Helvetica,Arial,sans-serif;font-size:medium}.FormLabel{color:var(--Pink);font-family:var(--MainFont);text-transform:uppercase}.FormButton{text-transform:uppercase;font-family:var(--MainFont);color:azure;background-color:var(--Pink);border:none;border-radius:15px;margin-top:10px}.FormButton:hover{background-color:var(--Blue);color:azure}.FormSubmitted{flex-direction:column;justify-content:center;align-items:center;display:flex}.FormSubmittedBigMessage{text-transform:uppercase;font-family:var(--MainFont);color:var(--Pink);font-size:2rem}.FormSubmittedsmallMessage{color:var(--Pink);font-style:italic}.FooterMessage{color:azure;margin-top:20px;font-size:.75rem;font-style:italic}.container{width:100%;margin-left:auto;margin-right:auto}@media (min-width:475px){.container{max-width:475px}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.container-wrapContent{flex-wrap:wrap;justify-content:space-evenly;gap:10px;width:100%;margin-left:auto;margin-right:auto;display:flex}@media (min-width:475px){.container-wrapContent{max-width:475px}}@media (min-width:640px){.container-wrapContent{max-width:640px}}@media (min-width:768px){.container-wrapContent{max-width:768px}}@media (min-width:1024px){.container-wrapContent{max-width:1024px}}@media (min-width:1280px){.container-wrapContent{max-width:1280px}}@media (min-width:1536px){.container-wrapContent{max-width:1536px}}.BrowserImage{object-fit:cover;border-radius:0 0 15px 15px;width:100%;min-width:384px;max-width:640px;height:auto;min-height:216px;max-height:360px}