First version
Change-Id: Iaab51e7c61361226ac9178edd3987cd906dd64af
diff --git a/styles.css b/styles.css
new file mode 100644
index 0000000..8b31d8b
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,60 @@
+:root {
+ --mdc-theme-primary: #0F62E2;
+ --mdc-theme-secondary: #CF11C8;
+}
+
+body {
+ margin: 0;
+}
+
+main {
+ padding: var(--mdc-layout-grid-margin-desktop, 24px);
+}
+
+.project-section-title:not(:first-child) {
+ margin-top: 32px;
+}
+
+.project-section-title > * {
+ vertical-align: middle;
+}
+
+.projects {
+ padding: 0;
+}
+
+.project-card__primary {
+ padding: 1rem;
+}
+
+.project-card__title, .project-card__subtitle {
+ margin: 0;
+}
+
+.project-card__secondary {
+ padding: 0 1rem 8px;
+}
+
+.project-card__secondary, .project-card__subtitle {
+ color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, .54));
+}
+
+.project-card__youtube-media {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+}
+
+.help {
+ cursor: help;
+ border-bottom: dashed 1px gray;
+}
+
+@media (min-width: 1400px) {
+ .project-cell {
+ width: auto;
+ grid-column-end: span 3;
+ }
+}