File tree Expand file tree Collapse file tree 4 files changed +28
-41
lines changed
Expand file tree Collapse file tree 4 files changed +28
-41
lines changed Original file line number Diff line number Diff line change @@ -24,12 +24,15 @@ header nav {
2424 color : var (--color-2 );
2525}
2626
27- header nav # gitHubProfile { transition : all 0.3s ease; }
27+ header nav # contraProfile {
28+ cursor : pointer;
29+ margin-top : 0.50em ;
30+ transition : all 0.3s ease;
31+ }
2832
29- header nav # gitHubProfile : hover {
30- border-bottom-style : dashed;
31- border-bottom-width : 3.1px ;
32- -webkit-filter : brightness (87% );
33+ header nav # contraProfile : hover {
34+ transform : translateY (-5px );
35+ filter : brightness (87% );
3336}
3437
3538header nav # desktopMenu { display : flex; justify-content : center; }
@@ -155,7 +158,7 @@ header nav #sponsorThemeBtn #themeBtn:hover
155158}
156159
157160@media only screen and (max-width : 625px ) {
158- header nav # gitHubProfile { display : none; }
161+ header nav # contraProfile { display : none; }
159162 # titleAndSubtitle { display : none; }
160163 # headerImg { content : url ("../../images/header-mobile.avif" ); }
161164}
Original file line number Diff line number Diff line change 6060 flex-direction : column;
6161}
6262
63- .modalContent .modalItems .themeGroup {
64- display : flex;
65- align-items : center;
66- justify-content : center;
67- flex-wrap : wrap;
68- }
69-
70- .modalContent .modalItems .themeGroup img { width : 125px ; height : auto; }
71- .modalContent .modalItems .themeGroup span { font-size : 20px ; }
7263.modalContent .modalItems img { width : 200px ; height : auto; }
7364
74- .modalContent .sponsorGroup {
75- display : flex;
76- align-items : center;
77- justify-content : center;
78- flex-direction : column;
79- gap : 30px ;
80- }
81-
82- .modalContent .sponsorGroup a button {
83- width : 116px ;
84- height : 35px ;
85- border : 0 ;
86- border-radius : 5px ;
87- cursor : pointer;
88- transition : -webkit-filter 0.3s ease;
89- }
90-
91- .modalContent .sponsorGroup a button : hover { -webkit-filter : brightness (80% ); }
92-
9365/*
9466 ******************
9567 ** Close Button **
9668 ******************
9769*/
9870.close { color : var (--color-1 ); float : right; font-size : 28px ; font-weight : bold; }
99- .close : hover , .close : focus { color : # 000 ; text-decoration : none; cursor : pointer; }
71+ .close : hover , .close : focus { color : # E72929 ; text-decoration : none; cursor : pointer; }
10072
10173/*
10274 ***********
Original file line number Diff line number Diff line change 4444}
4545
4646# aboutMeContainer .containerContent # profilePic img { width : min (20rem , 40rem ); height : auto; }
47- # aboutMeContainer .containerContent # profilePic figcaption { color : var (--color-3 ); }
47+ # aboutMeContainer .containerContent # profilePic figcaption { color : var (--color-3 ); font-size : 1.25 em ; }
4848
4949/*
5050 **********************
201201 transition : all 0.3s ease;
202202}
203203
204- .reachMeSubContainer a : hover {
205- border-bottom-style : dashed;
206- border-bottom-width : 2.5px ;
207- -webkit-filter : brightness (87% );
208- }
209204
210205/*
211206 ****************
Original file line number Diff line number Diff line change 2929.socialMediaIcon : hover {
3030 filter : grayscale (0.00 );
3131 transform : translateY (-5px );
32+ }
33+
34+
35+
36+
37+ /*
38+ **********************
39+ ** Hire Me - Contra **
40+ **********************
41+ */
42+ .contraHireMeButton {
43+ transition : all 0.3s ease;
44+ }
45+
46+ .contraHireMeButton : hover {
47+ transform : translateY (-5px );
48+ filter : brightness (87% );
3249}
You can’t perform that action at this time.
0 commit comments