1 files changed, 121 insertions, 0 deletions
diff --git a/src/css/base.css b/src/css/base.css
new file mode 100644
index 0000000..16526f3
--- /dev/null
+++ b/src/css/base.css
@@ -0,0 +1,121 @@
+* {
+    box-sizing: border-box;
+}
+
+html {
+	background-image: url('/static/chip.png');
+}
+
+body {
+	color: #999;
+	background-color: rgba(0, 0, 0, 0.75);
+
+	width: 90%;
+	max-width: 1000px;
+	padding: 20px;
+	margin: 0px auto;
+	font-size: 16px;
+}
+
+body > main, header {
+	border: 1px solid #999;
+	padding: 5px;
+}
+
+header {
+	margin: auto;
+}
+
+header h1 {
+	display: inline;
+	margin: 1px;
+}
+
+header h2 {
+	margin: 1px;
+}
+
+main {
+	display: flex;
+	flex-direction: column;
+	line-height: 1.6;
+}
+
+main > div {
+	margin: 5px;
+}
+
+footer {
+    font-size: 0.8rem;
+    text-align: center;
+    opacity: 0.7;
+}
+
+a, a:visited {
+	color: #0077aa;
+}
+
+a:hover {
+	color: #00aaee;
+}
+
+pre {
+	max-width: 100%;
+	overflow: auto;
+	background: #050505; 
+	padding: 10px;
+	border: 1px dashed #999;
+}
+
+.header-container {
+	display: flex;
+	flex-direction: column;
+}
+
+.esquizo {
+	width: 100px;
+	display: inline;
+}
+
+.content {
+	padding: 5px;
+	flex-grow: 1;
+	overflow: auto;
+	border: dashed 1px #999;
+	background: #050505;
+}
+
+.bottom-align { 
+	display: flex; 
+	flex-direction: column;
+	justify-content: flex-end; 
+}
+
+.image-container {
+	text-align: center;
+}
+
+.image-container > img {
+	display: inline;
+	max-width: 100%;
+}
+
+.buttons {
+	margin: 5px 0px;
+}
+
+.buttons ul li {
+	margin: 2px 0px;
+}
+
+@media (min-width: 1000px) {
+    .header-container {
+		justify-content: center;
+        flex-direction: row;
+    }
+
+	main {
+		flex-direction: row;
+	}
+}
+