Created Movie review Page

stylesheets/reviews.css

@@ -0,0 +1,90 @@
+body{
+    background-image: url("/media/Art/EmptySpace.png");
+    color: #12aaaa;
+    padding-top: 4vh;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+#MainView{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    background-color: rgba(174, 134, 214, 0.5);
+    border-radius: 100px;
+    overflow: hidden;
+    height: 90vh;
+    padding: 0 50px;
+}
+
+.reviewList{
+    overflow-y: scroll;
+    word-wrap: normal;
+    background-color: #00000055;
+    width: 90vw;
+    height: 70vh;
+    border-radius: 50px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+
+li.reviewItem{
+    display: flex;
+    flex-direction: row;
+    border-radius: 40px;
+    background-color: #77777722;
+    height: 200px;
+    margin: 10px;
+}
+
+.reviewItem img{
+    border-radius: 40px;
+    padding: 5px;
+    width: 100px;
+    height: 200px;
+}
+
+ul{
+    height: 100%;
+    padding: 0;
+    margin: 0;
+    overflow: scroll;
+}
+
+h1{
+    width: 75%;
+    text-align: center;
+    margin: 0;
+}
+
+.overviewHeader{
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+}
+
+.reviewTitle{
+    margin-right: 20px;
+    color: rgb(230, 61, 61)
+}
+
+.reviewRating{
+    color: rgba(245, 241, 26, 0.959)
+}
+
+.overviewContent{
+    overflow: scroll;
+    height: 125px;
+}
+
+@media(min-width: 900px){
+    #MainView{
+        width:65vw;
+    }
+    .reviewList{
+        width: 67vw;
+    }
+}