:root {\r
- --text-color: #ffffff;\r
- --background-color: #000000;\r
- --box-selection-color: #ffffff;\r
- --box-text-color: #000000;\r
+ --text-color: #e2e2e2;\r
+ --black-text-color: #444;\r
+ --background-color: #101010;\r
+ --box-selection-color: #e2e2e2;\r
+ --box-text-color: #444;\r
--title-text: "Lato", sans-serif;\r
--cursive-text: "Meddon", cursive;\r
- --section-title-background: #0f0c0c;\r
- --box-border: #000000;\r
- --black-icon-color: #000000;\r
+ --section-title-background: #151515;\r
+ --box-border: #151515;\r
+ --black-icon-color: #101010;\r
}\r
*,\r
::before,\r
font-family: var(--title-text);\r
font-weight: 900;\r
}\r
+.btnNav, .btnNavClose {\r
+ cursor: pointer;\r
+}\r
.btnNav {\r
font-size: 3rem;\r
}\r
justify-content: center;\r
align-items: center;\r
}\r
+.dev-name, .description {\r
+ color: var(--black-text-color);\r
+}\r
.dev-name {\r
font-size: 3.6rem;\r
font-family: var(--title-text);\r
width: 100%;\r
max-width: 50rem;\r
}\r
+.skill-title, .skill-container li {\r
+ color: var(--black-text-color);\r
+}\r
.skill-title {\r
font-size: 2.4rem;\r
font-family: var(--title-text);\r
.project-info {\r
padding: 1.4rem;\r
}\r
+.project-name, .project-description {\r
+ color: var(--black-text-color);\r
+}\r
.project-name {\r
font-family: var(--title-text);\r
font-weight: 900;\r
border: 0.4rem solid var(--box-border);\r
border-radius: 1rem;\r
}\r
-.your-name {\r
- transform: scale(0.5)\r
-}\r
\r
/* back-to-top & social-icons */\r
.back-to-top, .social-icons {\r