added links

mediajunkie · Jan 20, 2021 · 846f4aa · 846f4aa
1 parent 06f7c1c
commit 846f4aa
Show file tree

Hide file tree

Showing 2 changed files with 85 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -33,8 +33,9 @@ <h1 class="titleHeader">Christian Crumlish</h1>
               </a>
             </div>
 
+
           </div>
-     
+<div class="rule"></div>
         <!-- </hero> -->
         <section class="about">
           <img src="images/xian-2.png"/>

diff --git a/style.css b/style.css
@@ -1,7 +1,75 @@
 @import url('https://fonts.googleapis.com/css2?family=Merriweather&family=Roboto+Condensed:wght@300;400;700&display=swap');
 
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
+
+html{
+  /* overflow:hidden; */
+  --scrollbarOpacity: 0;
+  --scrollbarColor:green;
+  --scrollbarBoxShadow: none;
+}
+
+html *::-webkit-scrollbar-thumb {
+  background: var(--scrollbarColor);
+  box-shadow: var(--scrollbarBoxShadow);
+}
+
+/* HTML5 display-role reset for older browsers */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+  display: block;
+}
+
+body {
+  line-height: 1;
+  display: 'flex';
+  min-height: '100vh';
+  height: 'fit-content';
+}
+
+ol,
+ul {
+  list-style: none;
+}
+
+blockquote,
+q {
+  quotes: none;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+input:focus,
+select:focus,
+textarea:focus,
+button:focus {
+  outline: none;
+}
+
 * { box-sizing: border-box; }
 
+/* END RESET */
+
 :root {
   font-family: 'Merriweather', sans-serif;
   font-size: 50%;
@@ -15,7 +83,7 @@ h1, h2, h3 {
   font-family: 'Roboto Condensed', sans-serif;
   font-size: 7rem;
   font-weight: 700;
-  margin-bottom: 1rem;
+  /* margin-bottom: 3rem; */
 }
 
 /* Added by Zevy */
@@ -29,14 +97,14 @@ h2 {
   line-height: 1.5;
   text-transform: uppercase;
   /* Added by Zevy */
-  margin: 0;
+  /* margin: 2rem; */
 }
 
 h3 {
   font-size: 5.5rem;
   line-height: 1;
   /* Added by Zevy */
-  margin: 0;
+  margin-bottom: 2rem;
 }
 
 /* Added by Zevy */
@@ -72,16 +140,26 @@ p {
   /* adjusted by Zevy */
   /* margin: 3rem 0; */
   width: 275px;
+  margin:3rem 0;
 }
 
 .contact{
+  margin: 5vmin 0;
+}
+
+.rule{
+  background:#B8C5D0;
+      width: 44vmin;
+    height: 3px;
+    margin-bottom: 10vmin;
 }
 
 .contactText{
   display: inline-block;
   margin:0;
   line-height: :0;
   margin-right: 3vmin;
+  margin-bottom: 2rem;
 }
 
 .links{
@@ -95,6 +173,8 @@ p {
   height:4rem;
   color: #DF8E47;
   cursor: pointer;
+  vertical-align: middle;
+  margin-top:0;
 }
 
 .icons:hover{