credits page

1 files changed, 71 insertions, 1 deletions

diff --git a/frontend/site/projects/museum/views/credits.css b/frontend/site/projects/museum/views/credits.css
index 4576e1d..5b560d6 100644
--- a/frontend/site/projects/museum/views/credits.css
+++ b/frontend/site/projects/museum/views/credits.css
@@ -1 +1,71 @@
-.page-credits {}
+.app > div.page-credits {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  overflow-y: auto;
+  color: #FF790D;
+  font-size: 1.2vmax;
+  font-family: "Helvetica", sans-serif;
+}
+.page-credits a {
+  color: #FF790D;
+  text-decoration: none;
+}
+.page-title {
+  font-family: 'Druk';
+  font-style: italic;
+  text-transform: uppercase;
+  font-size: 14vw;
+  text-align: center;
+  line-height: 1;
+  white-space: nowrap;
+}
+.page-content {
+  margin-left: 6rem;
+  width: calc(100vw - 12rem);
+  display: flex;
+  flex-direction: row;
+  justify-content: space-around;
+}
+.page-left {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  width: 66%;
+  height: 100%;
+}
+.page-right {
+  width: 33%;
+}
+.page-credits .curated-by,
+.page-artists div {
+  text-align: center;
+  font-family: 'Druk Wide', sans-serif;
+  text-transform: uppercase;
+  font-size: 2vw;
+}
+.build-credits {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-around;
+  padding: 1vw 0;
+}
+.build-credits div {
+  width: 20vw;
+}
+.build-credits div a {
+  font-weight: bold;
+}
+.page-credits .icons {
+  padding: 1vw 0;
+  text-align: center;
+}
+.page-credits .icons svg {
+  height: 4vmax;
+  margin-right: 2vmax;
+}
+.page-credits .curated-by {
+  margin-top: 1vw;
+}