:root{font-family:openSansRegular;font-size:16px;--colour-RootBackground: #ffffff;--colour-H1-Heading: #11879a;--colour-H2-Heading: #2d3899;--colour-H3-Heading: #7c5d48;--colour-P-Paragraph: #1f2937;--colour-HeadingBackground: #f2c467;--colour-ALinks: #0e3357;--colour-ALinksActive: #445fd4;--colour-ALinksVisited: #97a0d3;--colour-ALinksHover: #7940e3;--colour-MainWebsiteGridContainer: #ffffff;--colour-IntroductionBackground: #ffb701;--colour-IntroductionText: #000000;--colour-IntroductionLogos: #0cb920;--colour-ProjectBackground: #d7a57b;--colour-ProjectBorderWebsites: #f0a00a;--colour-ProjectBorderProductivityApps: #37e50c;--colour-ProjectBorderGamesMultimedia: #8f0449;--colour-ProjectBorderDeveloperResources: #b03d03;--colour-ProjectText: #110000;--colour-FooterBackground: #529ffe;--colour-FooterText: #170f0f;--colour-MainMenuBackground: #23ab50;--colour-MainMenuText: #ffffff;--colour-BorderProjects: #5e50e2;--colour-CPDPending: #d68418;--colour-CPDPendingBackground: #fff0dd;--colour-CPDCompleted: #13a570;--colour-CPDCompletedBackground: #d9fff0;background-color:var(--colour-RootBackground);margin:0}@font-face{font-family:openSansRegular;src:url(/assets/OpenSans-Regular-DxJTClRG.ttf);font-weight:400;font-style:normal}h1{font-size:2rem;padding:5px;margin:5px;text-align:center;color:var(--colour-H1-Heading);background-color:var(--colour-HeadingBackground)}h2{font-size:1.5rem;padding:5px;margin:5px;text-align:center;color:var(--colour-H2-Heading);background-color:var(--colour-HeadingBackground)}h3{font-size:1.25rem;padding:5px;margin:5px;text-align:center;color:var(--colour-H3-Heading);background-color:var(--colour-HeadingBackground)}p{font-size:1rem;padding:5px;margin:5px;text-align:center;color:var(--colour-P-Paragraph)}a:link{background-color:transparent;text-decoration:none;color:var(--colour-ALinks)}a:visited{background-color:transparent;text-decoration:none;color:var(--colour-ALinksVisited)}a:hover{background-color:transparent;text-decoration:underline;color:var(--colour-ALinksHover)}a:active{background-color:transparent;text-decoration:underline;color:var(--colour-ALinksActive)}.mainWebsiteGridContainer{display:flex;justify-items:center;justify-content:center;margin:0;padding:0;background-color:var(--colour-MainWebsiteGridContainer)}.nav-bar{background-color:#1f2937;padding:1vw;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;flex-shrink:0}.nav-bar ul{list-style-type:none;margin:0;padding:0;overflow:hidden}.nav-bar li{float:left}.nav-bar li a{color:#f9faf8;padding:.5vw;text-decoration:none;font-size:2rem}.nav-bar li a:hover{background-color:#15d48e}.nav-bar a:active{background-color:#0704aa}.introductionContainer{background-color:var(--colour-IntroductionBackground)}.gameScore{flex:auto;font-size:2.5rem;font-weight:700;background-color:var(--colour-IntroductionBackground);color:var(--colour-IntroductionText)}.projectsContainer{display:flex;flex-direction:row;flex-wrap:wrap;align-content:normal;flex:1 1 auto;justify-items:center;justify-content:center;color:var(--colour-ProjectText);background-color:var(--colour-RootBackground)}.projectDiv{display:flex;flex-direction:row;flex-wrap:wrap;flex:1 1 auto;justify-content:center;padding:.5rem;margin:1rem;border-radius:25px;border-width:.1rem;border-style:solid;border-color:var(--colour-BorderProjects);background-color:var(--colour-ProjectBackground);max-width:30vw;max-height:25vh}.imageSize{width:100px;height:100px}.contactMeContainer{grid-area:contactContainer;padding:1rem;background-color:var(--colour-FooterBackground);color:var(--colour-FooterText)}.contactMe{text-align:center;padding:1rem}@media (max-width: 400px){.introductionContainer{flex-wrap:wrap}.projectDiv{width:270px;height:800px}.projectCardsContainer{flex:1 1 100%}}