22 background-color : # e5e9f4 ;
33 padding : 2rem ;
44 overflow-x : hidden;
5- font-family : Inter, system-ui, -apple-system, sans-serif
5+ font-family : Inter, system-ui, -apple-system, sans-serif;
6+ color : # 1f2937
67}
78
89.page-header {
@@ -23,13 +24,13 @@ body {
2324.page-header h3 {
2425 font-size : 2rem ;
2526 font-weight : 500 ;
26- color : # 363a49
27+ color : # 1f2937
2728}
2829
2930.page-header h4 {
3031 font-size : 1rem ;
3132 font-weight : 400 ;
32- color : # 808697 ;
33+ color : # 4b5563 ;
3334 margin-top : .25rem
3435}
3536
4344 font-family : Inter, sans-serif;
4445 font-size : 1.1rem ;
4546 font-weight : 600 ;
46- color : # 8e93a3 ;
47+ color : # 374151 ;
4748 text-align : left;
4849 margin-bottom : 2rem ;
4950 text-transform : uppercase;
@@ -66,7 +67,7 @@ a.neumorphic-button {
6667 aspect-ratio : 1 / 1 ;
6768 border : none;
6869 border-radius : .8rem ;
69- color : # 616a83 ;
70+ color : # 334155 ;
7071 background : # e5e9f4 ;
7172 --shadow-light : hsl (0 0% 100% / .6 );
7273 --shadow-dark : hsl (225 15% 70% / .9 );
@@ -77,14 +78,14 @@ a.neumorphic-button {
7778
7879a .neumorphic-button : focus-visible ,
7980a .neumorphic-button : hover {
80- color : # 427cef ;
81+ color : # 1d4ed8 ;
8182 transform : translateY (-4px );
8283 box-shadow : -.4rem -.4rem .8rem var (--shadow-light ), .4rem .4rem .8rem var (--shadow-dark ), inset 0 0 0 transparent, inset 0 0 0 transparent
8384}
8485
8586a .neumorphic-button .active ,
8687a .neumorphic-button : active {
87- color : # 427cef ;
88+ color : # 1d4ed8 ;
8889 transform : translateY (0 );
8990 box-shadow : inset .2rem .2rem .4rem var (--shadow-dark ), inset -.2rem -.2rem .4rem var (--shadow-light )
9091}
0 commit comments