2 files changed, 158 insertions, 4 deletions
diff --git a/static/cats.css b/static/cats.css
new file mode 100644
index 0000000..e305e28
--- /dev/null
+++ b/static/cats.css
@@ -0,0 +1,154 @@
+html {
+    background-color:  #80ff00;
+}
+
+h1 {
+    text-align: center;
+    margin: 1% auto;
+    white-space: normal;
+}
+h2,h3,h4,h5 {
+    text-align: center;
+    margin: 1% auto;
+    white-space: normal;
+}
+h2.center {
+    text-align: center;
+}
+h3.center {
+    text-align: center;
+}
+h1 {
+    font-size: 200%;
+    color: #000000;
+}
+h2 {
+    font-size: 175%;
+    color: #202020;
+}
+h3 {
+    font-size: 1000%;
+    color:  #33ffbd;
+}
+h4 {
+    font-size: 420%;
+    color: red;
+}
+h5 {
+    font-size: 300%;
+    color: orange;
+}
+body {
+    margin: 0 auto;
+    text-align: center;
+    font-family: "Comic Neue", "Comic Sans MS", Sans;
+    word-wrap: normal;
+    white-space: normal;
+    font-size: 200%;
+    color: white;
+}
+p {
+    margin-top: 1.5%;
+    margin-bottom: 1.5%;
+}
+small {
+    font-size: 42%;
+    color: yellow;
+}
+ul {
+    display: inline-block;
+    text-align: left;
+}
+code {
+    display: inline-block;
+    font-size: 125%;
+    background-color: #d8d8d8;
+    white-space: pre-wrap;
+    word-wrap: break-all;
+}
+th {
+    text-align: center;
+    padding: 1%;
+    background-color: #cccccc;
+}
+td {
+    text-align: center;
+    padding: 1%;
+}
+img {
+    max-width: 75%;
+    height: auto;
+    width: auto;
+}
+img.icon {
+    filter: invert(50%);
+}
+iframe {
+    border: 0;
+}
+
+.navbar {
+    text-align: center;
+    max-width: 95%;
+    display: block;
+}
+.content {
+    text-align: justify;
+    max-width: 85%;
+    display: inline-block;
+}
+.license {
+    font-size: 50%;
+    text-align: center;
+    max-width: 35%;
+    display: block;
+}
+.longboi {
+    word-wrap: break-word;
+}
+
+
+.row {
+    float: left;
+    display: flex;
+}
+
+.column {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    flex: 33.33%;
+    padding: 5px;
+}
+
+@media screen and (max-device-width: 480px) {
+    h1 {
+        font-size: 150%;
+    }
+    h2 {
+        font-size: 125%;
+    }
+    h3 {
+        font-size: 115%;
+    }
+    h4 {
+        font-size: 100%;
+    }
+    body {
+        max-width: 100%;
+        font-size: 100%;
+    }
+    .license {
+        font-size: 0;
+    }
+    p {
+        margin-top: 5%;
+        margin-bottom: 5%;
+    }
+    code.longboi {
+        font-size: 65%;
+    }
+    .content {
+        text-align: left;
+    }
+}
diff --git a/static/resume.css b/static/resume.css
index e08dcd8..64338ea 100644
--- a/static/resume.css
+++ b/static/resume.css
@@ -23,11 +23,11 @@ h2 {
     color: #202020;
 }
 h3 {
-    font-size: 150%;
+    font-size: 100%;
     color: #404040;
 }
 h4 {
-    font-size: 125%;
+    font-size: 100%;
     color: #808080;
 }
 body {
@@ -104,10 +104,10 @@ iframe {
         font-size: 150%;
     }
     h2 {
-        font-size: 125%;
+        font-size: 115%;
     }
     h3 {
-        font-size: 115%;
+        font-size: 105%;
     }
     h4 {
         font-size: 100%;