+
{{- .Content -}}
diff --git a/static/quick_look.css b/static/quick_look.css
index ae474f1..2ae99e4 100644
--- a/static/quick_look.css
+++ b/static/quick_look.css
@@ -1,6 +1,5 @@
.quicklook {
max-width: 600px;
- flex-basis: 600px;
border-radius: 16px;
background: #F4C2CD;
color: #702E2E;
diff --git a/static/review.css b/static/review.css
new file mode 100644
index 0000000..96d18cf
--- /dev/null
+++ b/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;
+}
diff --git a/static/style.css b/static/style.css
index 27d210a..5820b99 100644
--- a/static/style.css
+++ b/static/style.css
@@ -212,6 +212,3 @@ a:hover {
padding: 10px;
}
-.review {
- max-width: 800px;
-}