Rename biography page

1 files changed, 54 insertions, 0 deletions

diff --git a/quatuor.css b/quatuor.css
new file mode 100644
index 0000000..7a1cb22
--- /dev/null
+++ b/quatuor.css
@@ -0,0 +1,54 @@
+main div {
+    padding: 2%;
+}
+
+main #photos {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    grid-template-rows: 1fr 1fr;
+
+    position: sticky;
+    top: 0;
+
+    height: 80vh;
+
+    background-color: #dbb;
+}
+
+main #bio {
+    background-color: #dbb;
+}
+
+#photos img {
+    position: relative;
+    width: 8em;
+    min-width: 7vw;
+    max-width: 12vw;
+    height: 38vh;
+    object-fit: cover;
+    object-position: center;
+    border-color: #ddd;
+    border-width: 1vh;
+    border-style: solid;
+    border-radius: 2vw;
+    filter: grayscale(1);
+    transition: filter 1s;
+}
+
+#photos img:hover {
+    filter: none;
+}
+
+#photos img:nth-of-type(2) {
+    top: 2.8vw;
+    left: -2.8vw;
+}
+
+#photos img:nth-of-type(3) {
+    top: -1.8vw;
+    left: 2.8vw;
+}
+
+#photos img:nth-of-type(4) {
+    top: 1.0vw;
+}