New program page

styles/Performers.module.scss

@@ -1,8 +1,6 @@
 .performersContainer {
   display: flex;
   flex-direction: column;
-  width: 47rem;
-  max-width: 100%;
 }
 
 .performerCard {
@@ -35,13 +33,6 @@
   border-radius: 100%;
 }
 
-.performerButton {
-  height: 3rem;
-  width: 3rem;
-  background-color: transparent;
-  border: transparent;
-}
-
 .performerButton:hover {
   svg {
     color: rgb(117, 117, 117);

styles/Program.module.scss

@@ -0,0 +1,27 @@
+.dayContainer {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  hr {
+    border: 0.2rem solid #d5caf29d;
+    width: 60%;
+  }
+}
+
+.programParag {
+  width: 60%;
+}
+
+.programTitle {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 60%;
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+  margin-top: 1.5rem;
+  h2 {
+    margin-right: 1rem;
+  }
+}

styles/Shared.module.scss

@@ -0,0 +1,13 @@
+.openingChevron {
+  height: 3rem;
+  width: 3rem;
+  background-color: transparent;
+  border: transparent;
+}
+
+.page {
+  text-align: center;
+  margin-bottom: 8rem;
+  width: 47rem;
+  max-width: 100%;
+}

styles/globals.scss

@@ -23,11 +23,6 @@ main {
   justify-content: center;
 }
 
-.page {
-  text-align: center;
-  margin-bottom: 8rem;
-}
-
 h1 {
   font-size: 5rem;
 }