Index: reactapp/src/Components/Styled/EntityList.style.js
===================================================================
--- reactapp/src/Components/Styled/EntityList.style.js	(revision 8d831804abcee99d72c207c57a8f16e54b1329a2)
+++ reactapp/src/Components/Styled/EntityList.style.js	(revision 8d831804abcee99d72c207c57a8f16e54b1329a2)
@@ -0,0 +1,48 @@
+import styled from "styled-components";
+
+export const EntityUl = styled.ul`
+  list-style: none;
+  padding-left: 5px;
+`;
+
+export const EntityLi = styled.li`
+  padding: 10px;
+  margin: 15px 0px;
+  font-size: 18px;
+  font-weight: bold;
+  background-color: ${(props) => props.bgcolor};
+  box-shadow: 2px 2px 5px #aaaaaa;
+  position: relative;
+`;
+
+export const EntityParam = styled.p`
+  position: absolute;
+  right: 30px;
+  top: 10px;
+  font-style: italic;
+  font-size: 16px;
+`;
+
+export const EntityTypeSelector = styled.div`
+  box-shadow: ${(props) => props.boxshadow};
+  width: 50%;
+  height: 50px;
+  opacity: 0.6;
+  margin: 15px 10px;
+  margin-bottom: 30px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 20px;
+  font-weight: bold;
+  background-color: ${(props) => props.backgroundcolor};
+  color: ${(props) => props.color};
+  letter-spacing: 2px;
+  transition: 0.4s;
+  &:hover {
+    box-shadow: ${(props) => props.boxshadowhover};
+    font-weight: bold;
+    cursor: ${(props) => props.cursor};
+    opacity: ${(props) => props.opacityhover};
+  }
+`;
Index: reactapp/src/Components/Styled/Main.style.js
===================================================================
--- reactapp/src/Components/Styled/Main.style.js	(revision cae16b5c1413e5ea9894a407fe51545353de6dcc)
+++ reactapp/src/Components/Styled/Main.style.js	(revision 8d831804abcee99d72c207c57a8f16e54b1329a2)
@@ -22,2 +22,7 @@
   color: black;
 `;
+
+export const CurrentPageNav = styled.div`
+  font-style: italic;
+  font-size: 14px;
+`;
Index: reactapp/src/Components/Styled/OpinionCard.style.js
===================================================================
--- reactapp/src/Components/Styled/OpinionCard.style.js	(revision cae16b5c1413e5ea9894a407fe51545353de6dcc)
+++ reactapp/src/Components/Styled/OpinionCard.style.js	(revision 8d831804abcee99d72c207c57a8f16e54b1329a2)
@@ -8,5 +8,5 @@
   margin-bottom: 20px;
   padding: 10px;
-  border: 1px solid black;
+  box-shadow: 2px 2px 10px #aaaaaa;
 `;
 
Index: reactapp/src/Components/Styled/ProfessorCard.style.js
===================================================================
--- reactapp/src/Components/Styled/ProfessorCard.style.js	(revision cae16b5c1413e5ea9894a407fe51545353de6dcc)
+++ reactapp/src/Components/Styled/ProfessorCard.style.js	(revision 8d831804abcee99d72c207c57a8f16e54b1329a2)
@@ -2,9 +2,9 @@
 
 export const ProfessorCard = styled.div`
-  background-color: papayawhip;
+  background-color: cornsilk;
   width: auto;
   padding: 10px;
   margin-bottom: 30px;
-  margin-top: 140px;
+  margin-top: 40px;
 `;
 
Index: reactapp/src/Components/Styled/SubjectsAccordion.style..js
===================================================================
--- reactapp/src/Components/Styled/SubjectsAccordion.style..js	(revision 8d831804abcee99d72c207c57a8f16e54b1329a2)
+++ reactapp/src/Components/Styled/SubjectsAccordion.style..js	(revision 8d831804abcee99d72c207c57a8f16e54b1329a2)
@@ -0,0 +1,27 @@
+import styled from "styled-components";
+
+export const SubjectsAccordionDiv = styled.div`
+  height: ${(props) => props.height};
+  opacity: ${(props) => props.opacity};
+  transition: opacity 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
+  margin-left: 20px;
+`;
+
+export const AccordionTitle = styled.div`
+  padding: 10px;
+  margin: 15px 0px;
+  font-size: 18px;
+  font-weight: bold;
+  background-color: cornsilk;
+  box-shadow: 2px 2px 5px #aaaaaa;
+  position: relative;
+  cursor: pointer;
+`;
+
+export const OpenAccordionSymbol = styled.span`
+  font-size: 24px;
+  position: absolute;
+  right: 15px;
+  bottom: 7px;
+  color: grey;
+`;
