1 files changed, 190 insertions, 0 deletions
diff --git a/data/style.css b/data/style.css
new file mode 100755
index 0000000..6e3ad39
--- /dev/null
+++ b/data/style.css
@@ -0,0 +1,190 @@
+/* Stylesheet for website. Copyright 2022 Arnav Bhatt */
+
+html {
+    position: relative;
+    min-height: 100%;
+}
+
+a {
+    color: #4388b3;
+    display: inline;
+}
+
+body {
+    color: #ffffff;
+    background: #111;
+    font-family: "Lucida Console", "Courier New", monospace;
+    margin: 0;
+    padding: 0;
+}
+
+.footer {
+    position: absolute;
+    bottom: 0;
+    background: #323030;
+    color: #bdbdbd;
+    width: 100%;
+}
+
+.footer p {
+    font-size: 14px;
+    padding: 0 5px;
+}
+
+main {
+    padding: 0 3%;
+	padding-bottom: 42px;
+}
+
+.blog-content {
+	max-width: 1024px;
+	margin: 1em auto;
+	padding: 0 8%;
+	padding-bottom: 42px;
+}
+
+.blog-content .footer {
+	left: 0;
+}
+
+.logo {
+    text-align: center;
+}
+
+.navbar, .blog {
+    text-align: center;
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    overflow: hidden
+}
+
+.blog {
+	text-align: left;
+}
+
+.blog li {
+	display: block;
+    margin: 11px 0;
+}
+
+.blog li:not(:last-child) {
+    margin-bottom: 2.5em;
+}
+
+.blog li a , .softwares li a {
+    display: inline-block;
+    background-color: #ffffff;
+    border-style: solid;
+    border-color: #ffffff;
+    color: #111;
+    font-size: 18.72px;
+    letter-spacing: 8px;
+    padding: 9px 18px;
+    text-align: center;
+    text-indent: 4px;
+    text-decoration: none;
+    text-transform: uppercase;
+    width: fit-content;
+}
+
+.blog li a:hover, .softwares li a:hover {
+    background-color: #4274b5;
+    border-color: #4274b5;
+    color: #111;
+}
+
+.navbar .active {
+    background-color: #ffffff;
+    color: #111;
+    font-size: 17px;
+}
+
+.navbar li {
+    display: inline-block;
+}
+
+.navbar li a {
+    display: inline-block;
+    border-style: solid;
+    border-width: 2px;
+    color: #ffffff;
+    font-size: 18px;
+    letter-spacing: 4px;
+    margin: 0 12px;
+    padding: 9px 15px;
+    text-align: center;
+    text-indent: 2px;
+    text-decoration: none;
+    text-transform: uppercase;
+    width: fit-content;
+}
+
+.navbar li a:hover:not(.active) {
+    background-color: #ffffff;
+    border-color: #ffffff;
+    color: #111;
+}
+
+.softwares {
+	list-style-type: none;
+	text-align: center;
+}
+
+.softwares img {
+	vertical-align: middle;
+	margin-bottom: 12px;
+}
+
+.softwares li
+{
+    display: inline-block;
+}
+
+p {
+	font-size: 18px;
+}
+
+table {
+    border-collapse: collapse;
+    width: 80%;
+}
+
+h2, h3 {
+	display: block;
+	background-color: #ffffff;
+    border-style: solid;
+    border-color: #ffffff;
+    color: #111;
+    font-weight: 400;
+    letter-spacing: 8px;
+    padding: 9px 18px;
+    text-align: center;
+    text-indent: 4px;
+    text-decoration: none;
+    text-transform: uppercase;
+    width: fit-content;
+}
+
+th, td {
+    text-align: left;
+    padding: 10px;
+    border-style: solid;
+    border-width: 2px;
+    border-color: #ffffff;
+}
+
+th {
+	background-color: #ffffff;
+	color: #111;
+	font-weight: 400;
+    letter-spacing: 4px;
+    text-align: center;
+    text-indent: 2px;
+    text-transform: uppercase;
+}
+
+/* Janky way to set color the right borders of two heading cells */
+#border-special {
+	border-right-color: #111;
+}