From 5d9ae32fa9339a9aef1da495e6a10559a4e4c655 Mon Sep 17 00:00:00 2001
From: Julian <joticajulian@gmail.com>
Date: Tue, 22 May 2018 14:05:44 -0500
Subject: [PATCH] front end css

---
 css/main.css | 104 +++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 104 insertions(+)
 create mode 100644 css/main.css

diff --git a/css/main.css b/css/main.css
new file mode 100644
index 0000000..e58df09
--- /dev/null
+++ b/css/main.css
@@ -0,0 +1,104 @@
+html
+{
+    font-size: 1.5rem
+}
+
+body
+{
+	margin: 0;
+	padding: 0;
+	font-family: 'helvetica', sans-serif;
+    background: #dcdcdc;
+}
+
+a
+{
+    color: #000000;
+}
+
+.container
+{
+  padding: 0px 50px;  
+  background-color: white;
+}
+
+.header
+{
+  margin: 50px 0px;
+}
+
+.title
+{
+  font-size: 2rem;
+  display: block;
+  margin-bottom: 20px;
+}
+
+.description
+{
+  font-size: 1.1rem;
+}
+
+.form
+{
+  margin: 50px 0px;
+}
+
+.divtextarea
+{
+  display: block;
+  margin-bottom: 15px;
+}
+
+.textarea
+{
+  width: 100%;  
+}
+
+.divbutton
+{
+  display: block;
+}
+
+.btn
+{
+  background-color: white;
+  border-radius: 7px;
+  border: solid 2px #81e0df;
+}
+
+.result
+{
+  display: block;
+}
+
+.res-header
+{
+  font-size: 1.5rem;
+  display: block;
+  margin-bottom: 15px;
+}
+
+.item1
+{
+  display: inline-block;
+  margin: 20px;
+  width: 6rem;
+}
+
+.crop
+{
+  height: 2.3rem;
+  width: 2.3rem;
+  overflow: hidden;
+  background-size: cover;
+  background-position: center center;
+  border-radius: 50%;
+  margin: auto;
+}
+
+.item-name
+{
+  margin: 0px auto;
+  text-align: center;
+}