1 files changed, 81 insertions, 0 deletions
diff --git a/css/skunky.css b/css/skunky.css
new file mode 100644
index 0000000..ef281ce
--- /dev/null
+++ b/css/skunky.css
@@ -0,0 +1,81 @@
+html {
+    font-family: ubuntu;
+    background-color:black;
+    color: rgb(234, 216, 216);
+}
+a {
+    text-decoration: none;
+    color: cadetblue;
+}
+a:hover {
+    color: red;
+    transition: 400ms;
+}
+header h1 {
+    padding-right: 0.2%;
+}
+header form {
+    align-self: center;
+}
+header {
+    display: flex;
+}
+form input, button, select {
+    background-color: #134134;
+    padding: 5px;
+    color: whitesmoke;
+    border: 0px;
+    border-radius: 1px;
+}
+.nsfw, .true {
+    color: red;
+}
+.author {
+    color: seagreen;
+}
+.msg {
+    background-color: #091f19;
+    color: whitesmoke;
+    width: fit-content;
+    max-width: 90%;
+    padding: 4px;
+    border-radius: 2px;
+    margin-top: 6px;
+    text-wrap: pretty;
+    transition: 350ms;
+}
+.msg:hover {
+    background-color: #134134;
+}
+.dd {
+    color: rgb(160, 0, 147);
+}
+.content {
+    border-radius: 3px;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+}
+.block {
+    max-width: 20%;
+    height: 0%;
+    padding: 4px;
+    border-radius: 2px;
+    border: 3px solid #091f19;
+    word-break: break-all;
+    background-color: #091f19;
+    margin-left: 5px;
+    margin-top: 5px;
+    text-align: center;
+}
+.block:hover {
+    border: 3px solid #4d27d6;
+    transition: 400ms;
+}
+.block img {
+    width: 100%;
+}
+.block p {
+    word-break: break-all;
+}
+