Merge pull request #1 from cs1300-2022/guest-page

Guest page

1 files changed, 66 insertions, 1 deletions

diff --git a/styles.css b/styles.css
index bf933a6..c211ef2 100755
--- a/styles.css
+++ b/styles.css
@@ -68,11 +68,12 @@ section:nth-child(odd) {
 
 .title, .title-info-flex, .edges{
     text-align: left;
-    padding: 0 12rem;
+    padding: 0 5rem;
 }
 
 .title {
     color: var(--accent-color);
+    margin-bottom: 2rem;
 }
 
 h2 {
@@ -961,3 +962,67 @@ weekly specials conic border
 /*    box-sizing: border-box;*/
 /*}*/
 
+#guest-reviewers {
+    height: 100%;
+}
+
+.guest-name {
+    color: var(--accent-color);
+}
+
+.guest-role {
+    color: var(--second-accent-color);
+}
+
+.guest-email {
+    
+    color: #857ce1;
+}
+
+.flex-grid-2 {
+    display: flex;
+    justify-content: space-between;
+    vertical-align: top;
+}
+.flex-grid-2 .guest {
+    width: 80%;
+    vertical-align: top;
+}
+
+@media (max-width: 800px) {
+    .flex-grid-2 {
+        display: block;
+   }
+    .flex-grid-2 .guest {
+        width: 100%;
+   }
+}
+
+.guest {
+    margin: 2rem 0 auto 0;
+    height: auto;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+}
+
+.guest-info {
+    display: flex;
+    vertical-align: top;
+    width: 100%;
+    margin-right: 6%;
+    margin-bottom: 2rem;
+}
+
+.guest-photo {
+    margin-right: 1rem;
+    width: 100px;
+    min-height: 100px;
+    max-height: auto;
+    margin-top: 35px;
+}
+
+img {
+    max-width: 100%;
+    height: auto;
+}
\ No newline at end of file