added web files

1 files changed, 154 insertions, 0 deletions

diff --git a/style.css b/style.css
new file mode 100644
index 0000000..4d7716b
--- /dev/null
+++ b/style.css
@@ -0,0 +1,154 @@
+@font-face {
+    font-family: 'Ultra';
+    src: url('fonts/Ultra-Regular-reduced.ttf') format('truetype');
+}
+
+body,
+html {
+  height: 100%;
+  color: #FBF1C7;
+  margin: 10px;
+  font-family: monospace;
+  font-size: 18px;
+  line-height:1.4;
+  letter-spacing: 0.6;
+  background-color: #1D2021;
+}
+html {
+    display: table;
+    margin: auto;
+    width:100%;
+    max-width:80ch;
+}
+body {
+    display: table-cell;
+}
+p,li,ul,table,pre,code,div {
+  max-width: 32em; 
+  max-width: 80ch;
+  text-align:justify;
+}
+li {list-style-type: disc;}
+h1 {
+  color: #458588;
+  font-family: Ultra;
+  font-size:3em;
+}
+h2 {
+  color: #8EC07C;
+}
+h3{ 
+  color: #cc241d;
+}
+h4{
+  color: #689D6A;
+  font-size:1.2em;
+}
+h5,
+h6 {
+  color: #A89984;
+  font-size: 1em;
+}
+a {
+  color: #83A598;
+  text-decoration: none;
+}
+a:hover {
+	text-decoration: underline;
+}
+ul {line-height:2;}
+p {
+}
+strong,
+em {
+  color: #8da29b;
+  padding-left: 2px;
+  padding-right: 2px;
+}
+b {color: #FABD2F;}
+
+small {color: #8ec07c;}
+img {
+  max-width:100%;
+}
+blockquote {
+	border-left:2px solid khaki;
+	padding-left:20px;
+	margin-left:0px;
+}
+blockquote p {
+	font-style: italic;
+}
+hr {
+  height: 0;
+  border: 0;
+  border-top: 2px solid #458588;
+  margin: 1em 0;
+  padding: 0;
+}
+table {
+  border-collapse: collapse;
+}
+td {
+  border: 1px solid antiquewhite;
+  padding: 4px;
+}
+th {
+  border: 1px solid antiquewhite;
+  color: black;
+  background-color: antiquewhite;
+  padding: 4px;
+  text-align: div class="center";
+}
+pre {
+  font-family: monospace;
+  white-space: pre-wrap;
+  font-size: 0.8em;
+  border-left: 1px solid #999999;
+  padding: 10px;
+  text-align:left;
+}
+code {
+  color: #282828;
+  font-family: monospace;
+  background: #928374;
+  white-space: pre-wrap;
+  display:block;
+  padding:4px;
+  text-align:left;
+}
+iframe { border: 1px solid #928374;}
+
+figure { 
+  margin: 0;
+  margin-top:30px;
+  background: #8EC07C;
+  width:400px;
+   }
+figure img {
+	width:400px;
+}
+figcaption { 
+  margin-bottom:10px;
+  padding: 10px;
+  background: #8EC07C;
+  color: #fff;
+  font-size:16px;
+  width:380px;
+}
+.center {text-align: center;}
+@media only screen and (max-width: 600px) {
+  body {
+    padding:2px;
+    font-size:14px;
+    margin: 0;
+  }
+  ul {padding:0;}
+  li {
+    padding:0;
+    text-align:left;
+  }
+  iframe {
+  	max-width:100%;
+  }
+}