init

[gnargle.github.io.git] / main.css

diff --git a/main.css b/main.css
new file mode 100644 (file)
index 0000000..4adaf12
--- /dev/null
+++ b/main.css
@@ -0,0 +1,87 @@
+@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap');
+
+* {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    font-family: 'Source Code Pro', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+}
+
+.header {
+    max-width: 1000px;
+    margin: 0 auto;
+}
+
+.container{
+    padding-top: 10px;
+    padding-bottom: 10px;
+}
+
+.main {
+    max-width: 800px;
+    margin: 0 auto;
+    padding: 20px;
+    background-color: beige;
+    border-radius: 25px;
+}
+
+.marquee-heading{
+    color:crimson
+}
+
+.heading {
+    color: dimgray;
+}
+
+.title-block{
+    display:flex;
+    padding-top: 5px;
+    padding-bottom: 5px;
+}
+
+.blog-title{
+    flex:1;
+}
+
+.datestamp{
+}
+
+.content{
+    color:black;
+}
+
+.footer{
+    max-width: 800px;
+    margin: 0 auto;
+    padding-top: 10px;
+    background-color:antiquewhite;
+    border-radius: 25px;
+}
+
+.footer-container{
+    display:flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.footer-entry{
+    display: inline-block;
+    padding-left:5px;
+    padding-right:5px;
+}
+
+.icon{
+    width: 48px;
+}
+
+.blog-img{
+    display: block;
+    margin: 0 auto;
+    max-width: 250px;
+}
+
+body{
+    font-family: 'Source Code Pro', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    background-color: bisque;
+    color: black;
+}
\ No newline at end of file