*{box-sizing:border-box;margin:0;padding:0;font-family:Lexend Variable,sans-serif}._App_w3zen_5{background-color:var(--color-bg);color:var(--color-text);width:100%;height:100%;padding-bottom:2vh}._Navbar_1izzc_5{position:relative;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-main);font-size:2em;height:3em;color:var(--color-secondary);border-bottom:.1em solid var(--color-secondary);margin:0 1em}._pageLinks_1izzc_33,._cv_1izzc_33{display:flex;justify-content:space-between;width:fit-content;list-style-type:none;padding:0}._pageLinks_1izzc_33 a,._cv_1izzc_33 a{display:flex;justify-content:center;align-items:center;text-decoration:none;padding:0 3vw;margin:auto;height:3em;color:var(--color-secondary)}._pageLinks_1izzc_33 a:hover,._cv_1izzc_33 a:hover{background-color:var(--color-secondary);color:var(--color-bg)}@media screen and (min-width: 651px){._title_2oruj_11{font-size:9vh}._introTxt_2oruj_17{font-size:8vh}}@media screen and (max-width: 650px){._title_2oruj_11,._introTxt_2oruj_17{font-size:5vh}}._title_2oruj_11{font-weight:700;margin:8vh auto;width:60vw;background-color:var(--color-highlight);color:var(--color-bg);border-radius:.5rem;padding:4vh 8vw;box-shadow:var(--color-border) 6px 6px;text-align:center;font-size:64px}._introTxt_2oruj_17{margin:10vh auto;width:80vw;text-align:center;font-size:48px}._emphasis_2oruj_83{color:var(--color-secondary);font-weight:bolder}._sectionCard_wqcfc_1{width:96%;border:.3rem solid var(--color-border);margin:4vh auto;padding:2rem;padding-bottom:4vh;background-color:var(--color-primary);justify-content:center;height:fit-content}._sectionTitle_wqcfc_23{width:fit-content;background-color:var(--color-highlight);color:var(--color-bg);font-family:var(--font-heading);border-radius:.5rem;font-weight:700;text-align:left;padding:1rem 2rem;margin-bottom:4rem;box-shadow:var(--color-border) .8rem .8rem;display:block}._imgLabel_wqcfc_55{font-weight:700;color:var(--color-secondary)}._bold_wqcfc_67{font-weight:700}._imgText_wqcfc_75{font-size:14px;text-align:center}._mainImg_wqcfc_85{max-width:100%;max-height:100%}._subheading_wqcfc_95{font-size:var(--size-subheading);font-family:var(--font-heading);color:var(--color-secondary);font-weight:700;margin:2em 0 .5em}@media screen and (min-width: 850px){._sectionTitle_wqcfc_23{font-size:var(--size-title)}._imgLabel_wqcfc_55{font-size:20px}._subheading_wqcfc_95{font-size:var(--size-subheading)}}@media screen and (max-width: 849px){._imgLabel_wqcfc_55{font-size:14px}._sectionTitle_wqcfc_23{font-size:var(--size-title-small)}._subheading_wqcfc_95{font-size:var(--size-subheading-small)}}._topBtn_yan0y_5{position:fixed;bottom:5%;right:1%;background-color:var(--color-tertiary-trans);border:2px solid var(--color-tertiary);color:#fff;cursor:pointer;padding:.5rem .625rem;border-radius:.8rem;font-size:2.5rem;transition:background-color .4s}._topBtn_yan0y_5:hover{background-color:var(--color-tertiary);transition:background-color .4s}._projSection_yan0y_43{padding-bottom:5vh}._projCards_yan0y_53{display:flex;flex-direction:row;align-items:center;width:100%;align-items:stretch;list-style-type:none;width:96%;border:.3rem solid var(--color-border);margin:2rem auto;padding:2rem;background-color:var(--color-primary);justify-content:center;height:fit-content}._projCards_yan0y_53>ul{justify-content:space-between}._projCards_yan0y_53 li{display:flex;flex-direction:row;align-items:center;width:31%;margin:2vh auto}._projCards_yan0y_53>li>button{display:flex;flex-direction:column;width:100%;height:100%;align-items:center;text-align:center;background-color:var(--color-primary);transition:box-shadow .1s ease-in;border:var(--color-border) .2rem solid;box-sizing:border-box;align-self:center}#_projects_yan0y_1{min-height:fit-content}._projCard_yan0y_53:hover{box-shadow:var(--color-border) .7rem .7rem;background-color:var(--color-tertiary);color:var(--color-bg);border:.2rem solid transparent}._projCard_yan0y_53:hover ._projDesc_yan0y_187{color:var(--color-bg)}._projCard_yan0y_53:hover ._projName_yan0y_195{color:var(--color-primary);text-shadow:-1px -1px black}._projName_yan0y_195{font-size:28px;font-weight:700;color:var(--color-secondary);margin:10px auto}._projThumbnail_yan0y_219{width:100%;height:fit-content;object-fit:contain;margin:0 auto}._projDesc_yan0y_187{font-size:var(--size-small);color:var(--color-text);text-align:center;margin:auto;padding:1em 0;width:100%}._projDesc2_yan0y_261{font-size:2vh;color:var(--color-text);text-align:center;margin:auto;padding:1em 0;width:100%}._projIntro_yan0y_277{font-weight:700;margin:8vh auto;width:70vw;height:fit-content;background-color:var(--color-highlight);color:var(--color-bg);border-radius:.5rem;padding:3vh 2vw;box-shadow:var(--color-border) .5vw 1vh;text-align:center}@media screen and (min-width: 850px){._projTitle_yan0y_305{font-size:4rem}._introTxt_yan0y_313{font-size:2.5vh}._projDesc_yan0y_187{font-size:15px}._projName_yan0y_195{font-size:28px}._infoTxt_yan0y_337{font-size:16px}._sectionTxt_yan0y_345,._finalText1_yan0y_353,._finalText2_yan0y_355,._finalText3_yan0y_357,._finalText4_yan0y_359{font-size:1rem}._skills_yan0y_365{font-size:2rem}}@media screen and (max-width: 849px){._projTitle_yan0y_305{font-size:3vh}._introTxt_yan0y_313{font-size:2vh}._projDesc_yan0y_187{font-size:8px}._projName_yan0y_195{font-size:14px}._infoTxt_yan0y_337{font-size:8px}._sectionTxt_yan0y_345,._finalText1_yan0y_353,._finalText2_yan0y_355,._finalText3_yan0y_357,._finalText4_yan0y_359,._skills_yan0y_365{font-size:.5rem}}._introTxt_yan0y_313{font-weight:400;margin:3vh 0}._skills_yan0y_365{color:var(--color-secondary);font-weight:700;display:flex;flex-direction:row;justify-content:space-between;padding-top:0vh}._infoCard_yan0y_479{width:55vw;height:fit-content;margin:2vh auto;padding:2vh 1vw;background-color:var(--color-secondary);border-radius:.5rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;position:relative}._exclamationIcon_yan0y_507{position:absolute;top:-1rem;left:-1rem;width:3rem;height:3rem;color:var(--color-bg)}._infoTxt_yan0y_337{color:var(--color-bg);text-align:center;margin:1vh auto;width:100%}._infoCard2_yan0y_539{width:65vw;height:fit-content;margin:2vh auto;padding:2vh 1vw;background-color:var(--color-tertiary);color:var(--color-bg);border-radius:.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center}._sectionTxt_yan0y_345{color:var(--color-text);margin:2.5rem 0;text-align:justify}._sectionTxt2_yan0y_589{width:100%;margin:2.5rem 0;text-wrap-style:auto}._sectionTxtEmphasis_yan0y_601{font-size:16px;color:var(--color-text);text-align:center;margin:5rem auto 2rem;font-weight:700;border:var(--color-border) .4rem solid;width:fit-content;border-radius:.5rem;padding:.8rem}._gdtIntroImg_yan0y_629{display:grid;grid-template-columns:[first] 13vw [line2] 37vw [line3] 37vw [line4] 13vw;height:310px;height:fit-content;margin:8vh auto}._gdtInfoCard2Txt_yan0y_645{width:40vw;height:100%;margin:auto;padding:3vh 1vw;place-self:center}._gdtEnviro_yan0y_661{height:310px;border-radius:.5rem;place-self:center}._gdtStatsImgs_yan0y_675{width:100%;display:flex;flex-direction:row;justify-content:space-between}._gdtStats1_yan0y_691,._gdtStats3_yan0y_691{width:24%;align-self:stretch}._gdtStats1Img_yan0y_703,._gdtStats3Img_yan0y_703{width:100%;height:100%}._gdtStats1Img_yan0y_703{height:100%}._gdtStats2Img_yan0y_717{width:100%;height:100%}._gdtStats2_yan0y_717{width:50%}._designInfoCard_yan0y_735{width:20rem;margin:50% auto}._designInfoTxt_yan0y_745{text-align:justify;padding:2em}._imgLabel_yan0y_755{width:100%;height:fit-content;text-align:center;padding-bottom:1em}._gdtDesignTitle_yan0y_771{justify-self:left}._proto_yan0y_779{display:flex;flex-direction:row;width:100%;height:fit-content;align-content:end;gap:1.2rem}._proto1_yan0y_797{height:50vw;width:fit-content}._proto2_yan0y_811{text-align:end;height:50vw}._gdtProto1_yan0y_825,._gdtProto2_yan0y_835{height:90%;width:auto}._gdtProtoTxt_yan0y_845{width:20%}._gdtMap_yan0y_853{width:30%}._gdtFinalImg_yan0y_861{width:100%}._gdtFinished_yan0y_881{display:flex;flex-direction:row}._finalText1_yan0y_353{padding:8% 1em 0 0}._finalText2_yan0y_355,._finalText3_yan0y_357{padding:20% 1em 0 0}._finalText3_yan0y_357,._finalText4_yan0y_359{padding:40% 1em 0 0}._rhythmMenuImg_yan0y_937{display:flex;margin:2rem auto;outline:var(--color-border) .3rem solid;padding:1%;transition:.3s ease-in-out,outline .3s ease-out;height:30rem}._rhythmMenuImg_yan0y_937:hover{-webkit-transform:scale(1.1);transform:scale(1.1);outline:transparent 0rem solid}._imgTxt_yan0y_967{display:flex;width:fit-content;margin:auto;font-size:larger;color:var(--color-secondary);font-weight:700}._rhythmModes_yan0y_985,._rhythmStats_yan0y_987{display:flex;flex-direction:row;justify-content:space-between}._rhythmPlayModeImg_yan0y_999,._rhythmPracticeModeImg_yan0y_1001{width:100%;height:auto}._modeCard_yan0y_1011{width:49%;border:var(--color-border) .3rem solid;padding:1rem}._modeTxt_yan0y_1023{text-align:balance;font-size:var(--size-small)}._rhythmStatsCard_yan0y_1033{width:32%;border:var(--color-border) .3rem solid;padding:.3rem}._rhythmStatsImgs_yan0y_1045{width:100%;height:auto}._uiImgs_yan0y_1055{justify-content:center;display:grid;grid-template-areas:" . a b b c . " " d d d e e e";gap:1rem}._gameColours_yan0y_1073{grid-area:a;justify-self:end;height:50vh}._mainMenu_yan0y_1087{grid-area:b;justify-self:center;height:50vh}._pracColours_yan0y_1099{grid-area:c;justify-self:start;height:50vh}._gameMenu_yan0y_1111{grid-area:d;justify-self:end;max-width:100%}._pracMenu_yan0y_1129{grid-area:e;justify-self:start;max-width:100%}._tcMenu_yan0y_1145{display:flex;margin:2rem auto;outline:var(--color-border) .3rem solid;padding:1%;max-width:70%;transition:.3s ease-in-out,outline .3s ease-out}._tcImgLabel_yan0y_1165{font-size:20px;font-weight:700;color:var(--color-secondary);width:fit-content;padding:.5rem;margin-top:5rem}._tcImgs_yan0y_1183{display:grid;grid-template-columns:auto auto;gap:10px}._tcImg_yan0y_1165{width:100%}:root{--color-text: #000000;--color-primary: #FAF6DD;--color-secondary: #8D3F2A;--color-tertiary: #335C67;--color-tertiary-trans: rgb( 51,92,103, .6);--color-bg: #F4EEEC;--color-border: #1B383F;--color-highlight: #D8A646;--color-highlight2:#848E90;--font-main: "Lexend Variable", sans-serif;--font-heading:"Roboto Mono Variable", monospace;--size-subheading: 3em;--size-heading:4rem;--size-title: 4em;--size-title-small: 2em;--size-subheading-small: 1em;--size-small:.875rem}._contactList_1k6tg_5{list-style:none}._contactTitle_1k6tg_13{font-size:var(--size-heading);font-family:var(--font-heading);color:var(--color-secondary)}a{text-decoration:none;color:var(--color-text);margin:auto 1em}a:hover{color:var(--color-tertiary)}h2{font-weight:500}._contactList_1k6tg_5 li{font-size:var(--size-subheading);height:var(--size-subheading);display:flex;margin-top:2em}._emailSVG_1k6tg_73,._linkedinSVG_1k6tg_73{width:1.5em;margin:auto 0;height:1.5em}@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-vietnamese-wght-normal-RvljkFvg.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-latin-ext-wght-normal-Ca5OILQq.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-latin-wght-normal-ga3u8m5q.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto Mono Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/roboto-mono-cyrillic-ext-wght-normal-DPu6aEAn.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto Mono Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/roboto-mono-cyrillic-wght-normal-CK9U7V71.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto Mono Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/roboto-mono-greek-wght-normal-C58MjUu-.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Roboto Mono Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/roboto-mono-vietnamese-wght-normal-B7nCECYT.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto Mono Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/roboto-mono-latin-ext-wght-normal-BWJwKVm9.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Roboto Mono Variable;font-style:normal;font-display:swap;font-weight:100 700;src:url(/assets/roboto-mono-latin-wght-normal-DGRqvGGI.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}