From 36bd438867b7dc135c3be04b6d62d9ee8b0a545a Mon Sep 17 00:00:00 2001
From: Maximiliano Firtman <firtman@gmail.com>
Date: Tue, 2 May 2023 08:07:29 -0500
Subject: first commit

---
 components/DetailsPage.css | 54 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 54 insertions(+)
 create mode 100644 components/DetailsPage.css

(limited to 'components/DetailsPage.css')

diff --git a/components/DetailsPage.css b/components/DetailsPage.css
new file mode 100644
index 0000000..37e4ed1
--- /dev/null
+++ b/components/DetailsPage.css
@@ -0,0 +1,54 @@
+button {
+    display: block;
+    background-color: var(--color5);
+    border: 0;
+    width: 80%;
+    margin: 16px 10%;
+    padding: 12px 0;
+    border-radius: 40px;
+    color: var(--color3);
+    font-size: 16px;
+}
+
+header {
+    display: flex;
+    flex-direction: row;
+}
+
+header>a {
+    display: block;
+    flex: 1;
+    text-decoration: none;
+    color: var(--primaryColor);
+    padding: 12px 0 12px 8px;
+    text-align: center;
+    font-size: 14px;
+}
+
+h2 {
+    color: var(--secondaryColor);
+    font-weight: normal;
+    font-size: 20px;
+    flex: 5;
+    margin: 8px;
+    text-align: center;
+}
+
+img {
+    width: 96%;
+    margin: 0 2%;
+    margin-top: 12px;
+}
+
+.description {
+    margin: 4px;
+    padding: 0 12px;
+    color: var(--primaryColor);
+    font-size: 13px;
+}
+
+.price {
+    color: var(--secondaryColor);
+    padding: 0 24px;
+}
+
-- 
cgit v1.3