Style reviews

static/quick_look.css

@@ -1,6 +1,5 @@
 .quicklook {
   max-width: 600px;
-  flex-basis: 600px;
   border-radius: 16px;
   background: #F4C2CD;
   color: #702E2E;

static/review.css

@@ -0,0 +1,46 @@
+.review {
+  max-width: 800px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.review-header {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 30px;
+  margin: 30px 0;
+}
+
+.review-header h1 {
+  text-align: center;
+}
+
+.review-poster {
+  aspect-ratio: 1/1;
+  flex-basis: 200px;
+  max-width: 200px;
+  overflow: hidden;
+  border-radius: 8px;
+}
+
+.review-poster > img {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.core-review {
+  margin: 30px 10px;
+}
+.core-review p {
+  margin-bottom: 20px;
+}
+
+.core-review h2,h3,h4,h5 {
+  margin-top: 30px;
+  margin-bottom: 10px;
+  text-align: center;
+}

static/style.css

@@ -212,6 +212,3 @@ a:hover {
   padding: 10px;
 }
 
-.review {
-  max-width: 800px;
-}