From c73f6dd76de34525e75cd52d30f63ec84ed91d42 Mon Sep 17 00:00:00 2001
From: Linna Luo <linnaluo18@gmail.com>
Date: Sat, 26 Jun 2021 22:03:28 -0400
Subject: [PATCH] some styling for blue hotdogs and mobile styles

---
 pages/about-us.module.css | 48 +++++++++++++++++++++++++++++++++++++--
 public/about/hotdog.svg   |  3 +++
 2 files changed, 49 insertions(+), 2 deletions(-)
 create mode 100644 public/about/hotdog.svg

diff --git a/pages/about-us.module.css b/pages/about-us.module.css
index 2d19616c..413a59ad 100644
--- a/pages/about-us.module.css
+++ b/pages/about-us.module.css
@@ -31,11 +31,34 @@
 .bubble {
   padding: calc(48rem / 16) 0 calc(48rem / 16);
   margin: calc(16rem / 16) 0;
+  /* border-radius: 20rem; */
 }
 
 /*box-sizing: border box*/
-.bubble:nth-child(odd) {
-  background-color: #e1eefa;
+/* .bubble:nth-child(odd) {
+  background-color: #e1eefa; 
+  background: no-repeat url(/about/hotdog.svg);
+  background-size: contain;
+  background-position: right center;
+} */
+
+/*styling hotdogs*/
+.bubble:nth-child(1) {
+  background: no-repeat url(/about/hotdog.svg);
+  background-size: contain;
+  background-position: left center;
+}
+
+.bubble:nth-child(3) {
+  background: no-repeat url(/about/hotdog.svg);
+  background-size: cover;
+  background-position: left center;
+}
+
+.bubble:nth-child(5) {
+  background: no-repeat url(/about/hotdog.svg);
+  background-size: cover;
+  background-position: left center;
 }
 
 .codey {
@@ -71,3 +94,24 @@
 .mailingList h2 {
   color: var(--blue-2);
 }
+
+@media only screen and (max-width: calc(768rem / 16)) {
+  .bubble:nth-child(odd) {
+    background-color: #e1eefa;
+  }
+
+  .title {
+    color: var(--purple-2);
+    font-size: 48px;
+    display: flex;
+    justify-content: center;
+  }
+
+  .codey {
+    transform: rotate(1.91deg);
+    position: relative;
+    right: calc(1020rem / 16);
+    margin-bottom: -280px;
+    z-index: -1;
+  }
+}
diff --git a/public/about/hotdog.svg b/public/about/hotdog.svg
new file mode 100644
index 00000000..af6ce194
--- /dev/null
+++ b/public/about/hotdog.svg
@@ -0,0 +1,3 @@
+<svg width="1314" height="247" viewBox="0 0 1314 247" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="-548" y="0.188721" width="1862" height="246" rx="123" fill="#E1EEFA"/>
+</svg>