You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
87 lines
1.1 KiB
87 lines
1.1 KiB
/* CSS for the resume exercises */ |
|
|
|
/* |
|
COLOR PALETTE |
|
https://coolors.co/f7fff7-343434-2f3061-ffe66d-a1c6d7 |
|
#F7FFF7 - almost white |
|
#343434 - dark gray - almost black |
|
#2F3061 - blue dark |
|
#FFE66D - yellow |
|
#A1C6D7 - blue light |
|
*/ |
|
|
|
/* Global styles |
|
------------------------------------*/ |
|
|
|
body { |
|
color: #343434; |
|
margin: 0; |
|
padding: 0; |
|
} |
|
|
|
img { |
|
width: 300px; |
|
} |
|
|
|
a { |
|
color: #FFE66D; |
|
} |
|
|
|
a:hover { |
|
text-decoration: none; |
|
|
|
} |
|
|
|
.content-wrap { |
|
width: 800px; |
|
margin: 0 auto; |
|
} |
|
|
|
|
|
|
|
|
|
/* Profile |
|
------------------------------------*/ |
|
header { |
|
background: #2F3061; |
|
color: #F7FFF7; |
|
} |
|
|
|
/* Projects |
|
------------------------------------*/ |
|
.projects { |
|
background: #F7FFF7; |
|
} |
|
|
|
.projects a { |
|
color: #2F3061; |
|
} |
|
|
|
.projects .btn { |
|
color: #F7FFF7; |
|
background: #2F3061; |
|
text-decoration: none; |
|
padding: 8px; |
|
border-radius: 4px; |
|
} |
|
|
|
.projects .btn:hover { |
|
background: rgba(47, 48, 97, 80%); |
|
} |
|
|
|
/* Work Experience |
|
------------------------------------*/ |
|
.work-experience { |
|
background: #A1C6D7; |
|
} |
|
|
|
/* Education |
|
------------------------------------*/ |
|
|
|
|
|
/* Contact Info |
|
------------------------------------*/ |
|
footer { |
|
background: #343434; |
|
color: #F7FFF7; |
|
} |