1 files changed, 187 insertions, 0 deletions
diff --git a/static/style.css b/static/style.css
new file mode 100644
index 0000000..9e538f3
--- /dev/null
+++ b/static/style.css
@@ -0,0 +1,187 @@
+body {
+	background: #202124 ;
+	color: white;
+	max-width: 850px ;
+	margin: auto ;
+	padding: 0 16px ;
+	scrollbar-color: gray #151515;
+	font-family: sans-serif ;
+}
+
+::-webkit-scrollbar {
+	width: .66vw;
+	background-color: #151515;
+}
+::-webkit-scrollbar-thumb {
+	background-color: gray;
+	border-radius: 5px;
+}
+
+a {
+	color: #50fa7b ;
+}
+
+#tagcloud {
+	list-style: none ;
+	text-align: center ;
+	padding: 0 ;
+}
+
+#tagcloud li {
+	display: inline-block ;
+}
+
+#tagcloud a {
+	margin: .1em .25em ;
+}
+
+a:hover {
+	color: #2a5816 ;
+}
+
+a:visited {
+	color: #38761d ;
+}
+
+h1 {
+	border-style: solid ;
+	border-width: 0px 0px 0px 0px ;
+	text-align: center ;
+}
+
+h1,h2 {
+	color: #bbeaa8 ;
+	text-align: center ;
+}
+
+footer {
+	margin-top: 3em ;
+	text-align: center ;
+	border-style: solid ;
+	border-width: 2px 0px 0px 0px ;
+	padding: 1em ;
+}
+
+img {
+	max-width: 90% ;
+	max-height: 400px ;
+	margin: auto ;
+	display: block ;
+}
+
+code {
+	overflow-wrap: break-word ;
+	color: lime ;
+}
+
+.taglist {
+	text-align: center ;
+	margin-bottom: 2em ;
+	margin-top: 2em ;
+}
+
+img[alt="BTC Logo"],
+img[alt="ETH Logo"],
+img[alt="XMR Logo"] {
+	max-width: 1em ;
+	max-height: 1em ;
+	display: inline ;
+}
+
+@media (pointer: coarse) {
+	li > a {
+	    display: inline-block;
+		padding: 0.2em 0;
+	}
+}
+
+@media print {
+	a[href] {
+		text-decoration: none ;
+		color: black ;
+	}
+
+	footer,.taglist { display: none ; }
+
+	body {
+		margin: 0;
+	}
+
+
+}
+
+@media (min-width: 55em) {
+	#artlist { column-count: 2 ;}
+}
+
+@media (min-width: 100em) {
+	#artlist { column-count: 3 ;}
+}
+
+
+input#search {
+  all: unset;
+  background: #222;
+  color: #fff;
+  padding: 0.7rem 1rem;
+  border-radius: 5px;
+  width: 100%;
+}
+
+.search {
+  width: 400px;
+  max-width: 85vw;
+  position: relative;
+  margin: 0.5rem auto 1.2rem;
+  display: flex;
+}
+
+button.clear-search {
+  all: unset;
+  position: absolute;
+  right: 4px;
+  top: 5px;
+  height: 30px;
+  width: 30px;
+  color: #888;
+  cursor: pointer;
+  transition: color 180ms ease-in-out;
+}
+button.clear-search:hover {
+  color: #eee;
+}
+
+
+.matched-recipe {
+	font-size: x-large ;
+}
+
+.list-searched {
+	column-count: 1 !important ;
+	list-style: decimal ;
+	max-width: 600px ;
+	margin: auto ;
+}
+
+#tag_hamburguesa:before { content: "🍔" ; }
+#tag_familiar:before { content: "👪" ; }
+#tag_pollo:before { content: "🐔" ; }
+#tag_fritas:before { content: "🍟" ; }
+#tag_empanadas:before { content: "🥟" ; }
+#tag_sandwiches:before { content: "🥪" ; }
+#tag_parrilla:before { content: "🔥" ; }
+#tag_uruguayo:before { content: "🇺🇾" ; }
+#tag_pizza:before { content: "🍕" ; }
+#tag_POS:before { content: "🏧" ; }
+#tag_pos:before { content: "🏧" ; }
+#tag_helado:before { content: "🍨" ; }
+#tag_vegano:before { content: "🌿" ; }
+#tag_celiaco:before { content: "🌾❌" ; }
+#tag_pancho:before { content: "🌭" ; }
+#tag_chivito:before { content: "🐐" ; }
+#tag_pasta:before { content: "🍝" ; }
+#tag_americano:before { content: "🇺🇸" ; }
+#tag_milanesa:before { content: "🥩" ; }
+#tag_mexicano:before { content: "🇲🇽" ; }
+#tag_nachos:before { content: "🔺" ; }
+#tag_vegetariano:before { content: "🥦" ; }