update color palette
This commit is contained in:
15
style.css
15
style.css
@@ -1,9 +1,9 @@
|
|||||||
body {
|
body {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
color: #c9cacc;
|
color: #c9cacc;
|
||||||
background-color: #1b1b1b;
|
background-color: #272727;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
font-family: "Source Code Pro", monospace, Arial, Helvetica, sans-serif;
|
font-family: 'Source Code Pro', monospace, Arial, Helvetica, sans-serif;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
line-height: 1.725;
|
line-height: 1.725;
|
||||||
text-rendering: geometricPrecision;
|
text-rendering: geometricPrecision;
|
||||||
@@ -36,14 +36,13 @@ nav a {
|
|||||||
letter-spacing: 0.09rem;
|
letter-spacing: 0.09rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
nav a:hover {
|
nav a:hover {
|
||||||
background-color: #2a9d8f;
|
background-color: #29f3c3;
|
||||||
|
color: #1b1b1b;
|
||||||
transition: 150ms ease;
|
transition: 150ms ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
header {
|
header {
|
||||||
background-color: #1b1b1b;
|
|
||||||
color: #c9cacc;
|
color: #c9cacc;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@@ -71,7 +70,7 @@ h1 a {
|
|||||||
}
|
}
|
||||||
|
|
||||||
h1 a:hover {
|
h1 a:hover {
|
||||||
color: #2a9d8f;
|
color: #29f3c3;
|
||||||
}
|
}
|
||||||
|
|
||||||
header h2 {
|
header h2 {
|
||||||
@@ -173,7 +172,7 @@ h4 {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.project-item a:hover {
|
.project-item a:hover {
|
||||||
color: #2a9d8f;
|
color: #29f3c3;
|
||||||
}
|
}
|
||||||
|
|
||||||
#projects h3 {
|
#projects h3 {
|
||||||
@@ -247,6 +246,8 @@ footer {
|
|||||||
transition: 160ms ease-in;
|
transition: 160ms ease-in;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* color: #1b1b1b; */
|
||||||
|
/* color: #2a9d8f */
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
#wrapper {
|
#wrapper {
|
||||||
width: 560px;
|
width: 560px;
|
||||||
|
|||||||
Reference in New Issue
Block a user