Merge pull request #131 from CSFelix/CSFelix-patch-1

📦 Updated

Author: CSFelix

assets/css/styles/header.css

@@ -24,12 +24,15 @@ header nav {
   color: var(--color-2);
 }
 
-header nav #gitHubProfile { transition: all 0.3s ease; }
+header nav #contraProfile {
+	cursor: pointer;
+	margin-top: 0.50em;
+	transition: all 0.3s ease;
+}
 
-header nav #gitHubProfile:hover {
-	border-bottom-style: dashed;
-  border-bottom-width: 3.1px;
-	-webkit-filter: brightness(87%);
+header nav #contraProfile:hover {
+	transform: translateY(-5px);
+	filter: brightness(87%);
 }
 
 header nav #desktopMenu { display: flex; justify-content: center; }
@@ -155,7 +158,7 @@ header nav #sponsorThemeBtn #themeBtn:hover
 }
 
 @media only screen and (max-width: 625px) {
-	header nav #gitHubProfile { display: none; }
+	header nav #contraProfile { display: none; }
 	#titleAndSubtitle { display: none; }
   #headerImg { content:url("../../images/header-mobile.avif"); }
 }

assets/css/styles/modal.css

@@ -60,43 +60,15 @@
   flex-direction: column;
 }
 
-.modalContent .modalItems .themeGroup {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-wrap: wrap;
-}
-
-.modalContent .modalItems .themeGroup img { width: 125px; height: auto; }
-.modalContent .modalItems .themeGroup span { font-size: 20px; }
 .modalContent .modalItems img { width: 200px; height: auto; }
 
-.modalContent .sponsorGroup {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  gap: 30px;
-}
-
-.modalContent .sponsorGroup a button {
-  width: 116px;
-  height: 35px;
-  border:  0;
-  border-radius: 5px;
-  cursor: pointer;
-  transition: -webkit-filter 0.3s ease;
-}
-
-.modalContent .sponsorGroup a button:hover { -webkit-filter: brightness(80%); }
-
 /*
   ******************
   ** Close Button **
   ******************
 */
 .close { color: var(--color-1); float: right; font-size: 28px; font-weight: bold; }
-.close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; }
+.close:hover, .close:focus { color: #E72929; text-decoration: none; cursor: pointer; }
 
 /*
   ***********

assets/css/styles/sections.css

@@ -44,7 +44,7 @@
 }
 
 #aboutMeContainer .containerContent #profilePic img { width: min(20rem, 40rem); height: auto; }
-#aboutMeContainer .containerContent #profilePic figcaption { color: var(--color-3); }
+#aboutMeContainer .containerContent #profilePic figcaption { color: var(--color-3); font-size: 1.25em; }
 
 /*
 	**********************
@@ -201,11 +201,6 @@
 	transition: all 0.3s ease;
 }
 
-.reachMeSubContainer a:hover {
-	border-bottom-style: dashed;
-  	border-bottom-width: 2.5px;
-	-webkit-filter: brightness(87%);	
-}
 
 /*
 	****************

assets/css/styles/social_medias.css

@@ -29,4 +29,21 @@
 .socialMediaIcon:hover {
 	filter: grayscale(0.00);
 	transform: translateY(-5px);
+}
+
+
+
+
+/*
+	**********************
+	** Hire Me - Contra **
+	**********************
+*/
+.contraHireMeButton {
+	transition: all 0.3s ease;
+}
+
+.contraHireMeButton:hover {
+	transform: translateY(-5px);
+	filter: brightness(87%);
 }