Inital commit

1 files changed, 165 insertions, 0 deletions

diff --git a/style.css b/style.css
new file mode 100644
index 0000000..d1de0a0
--- /dev/null
+++ b/style.css
@@ -0,0 +1,165 @@
+* {
+    margin: 0;
+    padding: 0;
+}
+
+body {
+    max-width: 40em;
+    margin: 5% auto;
+    font-family: 'Helvetica', sans-serif;
+    line-height: 1.5;
+    font-size: 0.9em;
+}
+
+main {
+    margin-top: 2.5em;
+}
+
+a {
+    color: red;
+    text-decoration: none;
+}
+
+h1 {
+    font-family: 'Baskerville', serif;
+    font-weight: normal;
+    text-align: center;
+    line-height: 1;
+}
+
+h1 + blockquote {
+    display: block;
+    font-family: 'Baskerville', serif;
+    font-size: 1.1em;
+    font-style: italic;
+    text-align: center;
+    quotes: none;
+}
+
+main blockquote {
+  border-left: 2px solid #ccc;  /* Adds a vertical line */
+  color: #555;                  /* Optional: changes the text color */
+  font-size: 12px;
+font-style: italic;           /* Optional: italicizes the text */
+padding-left: 1.5em;
+}
+
+h2:first-of-type {
+    margin-top: 0em;
+}
+
+h2 {
+    display: inline-block;
+    text-transform: uppercase;
+    font-size: 1.1em;
+    margin-top: 0.5em;
+}
+
+h3 {
+    font-size: 1em;
+    font-weight: bold;
+}
+
+li {
+    list-style-position: inside;
+}
+
+q {
+    font-style: italic;
+}
+
+#ornament {
+    display: block;
+    width: 75%;
+    margin: 0.5em auto;
+}
+
+.avatar {
+    width: 9em;
+    margin: 0 1em 1em 0;
+    float: left;
+}
+
+.person {
+    margin-bottom: 2em;
+    clear: both;
+    padding-bottom: 1em;
+    min-height: 10em;
+}
+
+.person > ul {
+    float: right;
+    list-style-type: none;
+    margin-left: 0;
+    padding-left: 0;
+}
+
+.person ul > li {
+    display: inline-block;
+    font-style: italic;
+}
+
+.person ul > li::after {
+    content: " ~ ";
+}
+
+.person ul > li:last-child::after {
+    content: "";
+}
+
+.person li {
+    list-style: none;
+}
+
+#projects {
+    margin-top: 1em;
+}
+
+.uses-container {
+    margin-bottom: 3em;
+}
+
+footer {
+    margin-top: 2em;
+    text-align: center;
+}
+
+@media screen and (max-width: 750px) {
+    body {
+        margin: 7% 10%;
+    }
+    
+    .person {
+        margin-bottom: 1em;
+    }
+    
+    .person h2, .person > ul, .person > p {
+        display: block;
+        float: none;
+    }
+    
+    #ornament, .avatar {
+        display: none;
+    }
+}
+
+summary {
+  list-style-position: outside;
+  margin-left: 30px;
+  padding: 10px 10px 10px 20px;
+  border-radius: 5px;
+  font-weight: bold;
+    text-transform: uppercase;
+    font-size: 1.1em;
+    margin-top: 0.5em;
+}
+summary::marker {
+  color: red;
+  font-size: 1.2em;
+}
+
+time {
+	font-family: monospace ;
+	color: #888 ;
+	font-size: 10pt ;
+}