New info page

styles/Info.module.scss

@@ -0,0 +1,35 @@
+.infoContainer {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+
+  hr {
+    border: 0.2rem solid #d5caf29d;
+    width: 60%;
+  }
+
+  p {
+    width: 60%;
+  }
+}
+
+.infoTitle {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 60%;
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+  margin-top: 1.5rem;
+  cursor: pointer;
+
+  h2 {
+    margin-right: 1rem;
+  }
+
+  h2:hover {
+    color: rgb(117, 117, 117);
+    transition: color 0.3s;
+  }
+}

styles/Program.module.scss

@@ -3,14 +3,15 @@
   flex-direction: column;
   justify-content: center;
   align-items: center;
+
   hr {
     border: 0.2rem solid #d5caf29d;
     width: 60%;
   }
-}
 
-.programParag {
-  width: 60%;
+  p {
+    width: 60%;
+  }
 }
 
 .programTitle {
@@ -21,7 +22,14 @@
   padding-left: 1.5rem;
   padding-right: 1.5rem;
   margin-top: 1.5rem;
+  cursor: pointer;
+
   h2 {
     margin-right: 1rem;
   }
+
+  h2:hover {
+    color: rgb(117, 117, 117);
+    transition: color 0.3s;
+  }
 }

styles/Shared.module.scss

@@ -5,6 +5,13 @@
   border: transparent;
 }
 
+.openingChevron:hover {
+  svg {
+    color: rgb(117, 117, 117);
+    transition: color 0.3s;
+  }
+}
+
 .page {
   text-align: center;
   margin-bottom: 8rem;