From 1b36a051eb0fd163fc6c31381119f19a06e48f8a Mon Sep 17 00:00:00 2001
From: STEVEN_CHAO_LI_CHEN <chaolic6505@gmail.com>
Date: Mon, 28 Oct 2019 14:29:47 -0700
Subject: [PATCH] fixed-error

---
 styles.css | 307 +++++++++++++++++++++++++++++------------------------
 1 file changed, 167 insertions(+), 140 deletions(-)

diff --git a/styles.css b/styles.css
index 177f438..7b12e41 100644
--- a/styles.css
+++ b/styles.css
@@ -1,189 +1,216 @@
-*{
-  box-sizing: border-box;
-  margin:0;
-  padding:0;
+* {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
 }
-body{
-  position: relative;
-  background-color: #262c4c;
-  color: white
+
+body {
+    position: relative;
+    background-color: #262c4c;
+    color: white
 }
 
+
 /*logo editing*/
+
 .dlogo {
-  display: flex;
-  flex-direction: column;
-  align-items:center;
-  align-self: center;
-  width: auto;
-  border: thin black solid;
-  border-radius: 100%;
-  box-shadow: 2px 2px 0 red, 4px 4px 0 #3bc5e4,
-  -2px -2px 0 red, -4px -4px 0 #3bc5e4;
-  padding:4px;
-  margin: 1rem
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    align-self: center;
+    width: auto;
+    border: thin black solid;
+    border-radius: 100%;
+    box-shadow: 2px 2px 0 red, 4px 4px 0 #3bc5e4, -2px -2px 0 red, -4px -4px 0 #3bc5e4;
+    padding: 4px;
+    margin: 1rem
 }
-.dlogo :first-child{
-  font-size: 3rem;
-  text-shadow:2px 2px 0 red, 4px 4px 0 #3bc5e4;
-  text-shadow: ;
 
+.dlogo :first-child {
+    font-size: 3rem;
+    text-shadow: 2px 2px 0 red, 4px 4px 0 #3bc5e4;
+    text-shadow: 10px;
 }
 
+
 /* side nav editing */
-nav{
-  display: flex;
-  flex-direction:column;
-  background-color: #4c5769;
+
+nav {
+    display: flex;
+    flex-direction: column;
+    background-color: #4c5769;
 }
-nav ul{
-  display: flex;
-  justify-content: space-around;
-  padding-inline-start: 0;
+
+nav ul {
+    display: flex;
+    justify-content: space-around;
+    padding-inline-start: 0;
 }
-li a{
-  text-decoration: none;
-  color:white;
+
+li a {
+    text-decoration: none;
+    color: white;
 }
-li{
-  list-style-type: none;
+
+li {
+    list-style-type: none;
 }
-li a:hover{
-  text-decoration: underline;
+
+li a:hover {
+    text-decoration: underline;
 }
-.copy :first-child{
-  font-size: 2rem;
+
+.copy :first-child {
+    font-size: 2rem;
 }
-.copy :last-child{
-  margin-left: .5rem
+
+.copy :last-child {
+    margin-left: .5rem
 }
-nav ul li :last-child{
-  margin-right:.5rem;
+
+nav ul li :last-child {
+    margin-right: .5rem;
 }
 
+
 /*icons*/
-nav img{
-  height: 2rem;
-  filter: invert(100%);
+
+nav img {
+    height: 2rem;
+    filter: invert(100%);
 }
+
+
 /*main page*/
-.home h2 a{
-  color:orange;
-  font-size: 2rem;
+
+.home h2 a {
+    color: orange;
+    font-size: 2rem;
 }
-.home h2{
-  margin: 0;
-  display: inline;
+
+.home h2 {
+    margin: 0;
+    display: inline;
 }
+
+
 /*about me page*/
-.about h1{
-  font-size: 3rem;
-  margin-top: 1rem;
+
+.about h1 {
+    font-size: 3rem;
+    margin-top: 1rem;
 }
-.about p{
-  text-indent:3rem
+
+.about p {
+    text-indent: 3rem
 }
-.love img{
-  width:50%;
+
+.love img {
+    width: 50%;
 }
-.loveimg{
-  display: flex;
+
+.loveimg {
+    display: flex;
 }
-.love{
-  margin-bottom: 4rem;
-  margin-top: 1rem;
+
+.love {
+    margin-bottom: 4rem;
+    margin-top: 1rem;
 }
-.life img{
-width:50%;
-margin-left: 25%;
+
+.life img {
+    width: 50%;
+    margin-left: 25%;
 }
-.life{
-  margin-bottom: 3rem;
+
+.life {
+    margin-bottom: 3rem;
 }
-.background img{
-  width:100%;
-  background-color: white;
+
+.background img {
+    width: 100%;
+    background-color: white;
 }
 
+
 /*skills page */
-.skills h1{
-  font-size: 3rem
+
+.skills h1 {
+    font-size: 3rem
 }
-.skills h3{
-  margin-top:1rem;
-  font-size: 2rem;
+
+.skills h3 {
+    margin-top: 1rem;
+    font-size: 2rem;
 }
-.skills img{
-  width: 100%
+
+.skills img {
+    width: 100%
 }
 
+
 /*projects page*/
-.project .this{
-  display: flex;
-  flex-direction: column;
-}
-.project .pub a img{
-  background-color:white;
-}
-.dlogo{
-  color:white;
-  text-decoration: none;
-}
 
-@media screen (max-width:500px){
-  li{
+.project .this {
     display: flex;
     flex-direction: column;
-    align-items:center;
-  }
 }
 
-@media screen (min-width:500px) {
-
-  .project section p{
-    font-size: 1.5rem;
-  }
-
-  .project h2{
-    font-size: 2.5rem;
-  }
-
-  .about{
-    font-size: 1.5rem;
-  }
-
-  .icon img{
-  width:4rem;
-  height:4rem;
-  }
+.project .pub a img {
+    background-color: white;
+}
 
-  .copy{
-    border-bottom: thin solid black;
-  }
+.dlogo {
+    color: white;
+    text-decoration: none;
+}
+
+@media screen and (max-width:500px) {
+    li {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+    }
+}
+
+@media screen and (min-width:500px) {
+    .project section p {
+        font-size: 1.5rem;
+    }
+    .project h2 {
+        font-size: 2.5rem;
+    }
+    .about {
+        font-size: 1.5rem;
+    }
+    .icon img {
+        width: 4rem;
+        height: 4rem;
+    }
+    .copy {
+        border-bottom: thin solid black;
+    }
 }
 
 @media screen and (min-width: 700px) {
-  article{
-    margin-left: 25%;
-  }
-
-  nav{
-    position: fixed;
-    top:0;
-    left:0;
-    width:20%;
-    height: 100%;
-  }
-
-  ul{
-    flex-direction: column;
-  }
-
-  li{
-    display: flex;
-    border-top: thin black solid;
-    font-size: 1.25rem;
-    align-items: flex-end;
-    height: 5rem;
-  }
-}
+    article {
+        margin-left: 25%;
+    }
+    nav {
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 20%;
+        height: 100%;
+    }
+    ul {
+        flex-direction: column;
+    }
+    li {
+        display: flex;
+        border-top: thin black solid;
+        font-size: 1.25rem;
+        align-items: flex-end;
+        height: 5rem;
+    }
+}
\ No newline at end of file