:root{--bg-dark: hsl(0 0% 13%);--bg: hsl(0 0% 18%);--bg-light: hsl(0 0% 23%);--text: hsl(0 0% 90%);--text-muted: hsl(0 0% 70%);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-dark);color:var(--text)}.AppContainer{height:100vh;display:flex;flex-direction:column;padding-left:20%;padding-right:20%;align-items:center;justify-content:center}.ProjectContainer{display:flex;flex-direction:row;flex-basis:0%;padding:20px;margin:10px;background-color:var(--bg);border-radius:8px;box-shadow:0 2px 4px #0000001a}@media (pointer:none),(pointer:coarse){.ProjectContainer{flex-direction:column;width:100%;margin-bottom:20px}}.ProjectNameLabel{display:flex;flex-basis:0%;flex-grow:1;font-size:2rem;color:var(--text);margin-right:20px;text-align:left}@media (pointer:none),(pointer:coarse){.ProjectNameLabel{margin:auto}}.ProjectInfoContainer{display:flex;flex-direction:row;flex-basis:0%;flex-grow:2;background-color:var(--bg-light);border-radius:15px;padding:10px}.ProjectDescLabel{display:flex;flex-basis:0%;flex-grow:3;color:var(--text)}.LinkContainer{padding:10px;display:flex;flex-direction:column}.ProjectLink{margin-top:10px;color:var(--text-muted)}.TitleContainer{display:flex;flex-direction:column;align-items:center;width:100%;padding:10px;color:var(--highlight);font-size:xx-large;margin-top:40px}