1 files changed, 85 insertions, 0 deletions
diff --git a/retro.css b/retro.css
new file mode 100644
index 0000000..1810aab
--- /dev/null
+++ b/retro.css
@@ -0,0 +1,85 @@
+body {
+    background-image: url("bgspace.png");
+    background-color: #000;
+    color: #ff8900;
+    text-shadow: 2px 1px #000, 2px 1px 10px;
+    margin: auto;
+    padding-left: 1em;
+    padding-right: 1em;
+    max-width: 50em;
+    background-attachment: fixed;
+}
+
+#nav {
+    background: #000;
+    box-shadow: 0 0 100px #f9690e;
+    border-left: 1px solid darkgreen;
+    border-right: 1px solid darkgreen;
+    border-bottom: 1px solid darkgreen;
+}
+
+#nav a {
+    color: #3333ff;
+    text-decoration: none;
+    outline: inherit;
+}
+
+#nav a:active {
+    color: red;
+    text-decoration: none;
+    outline: inherit;
+}
+
+#nav a:visited {
+    color: red;
+    text-decoration: none;
+    outline: inherit;
+}
+
+.black {
+     background-color: black;
+     padding-left: 10px;
+     padding-right: 10px;
+     border: 1px solid red;
+     box-shadow: 5px 5px 0 red;
+}
+
+.black2 {
+    background-color: black;
+    padding-left: 10px;
+    padding-right: 10px;
+    border: 1px solid orange;
+    box-shadow: 4px 4px 0 orange;
+}
+
+.black a {
+    color: red;
+}
+
+#logo {
+    float: left;
+    padding-right: 1em;
+}
+
+h1 {
+    background-color: #000;
+}
+
+h1:after {
+  content: " ♡";
+  animation: blink 1s infinite;
+}
+
+@keyframes blink {
+  from,
+  to {
+    opacity: 0;
+  }
+  50% {
+    opacity: 1;
+  }
+}
+
+#medida {
+    text-align: right;
+}