buttons details

projects.css

@@ -13,6 +13,7 @@ body {
     width: 30px;
     height: 32px;
     filter: invert(43%) sepia(15%) saturate(1978%) hue-rotate(100deg) brightness(95%) contrast(86%);
+    cursor: pointer;
 }
 
 .logoTitle {

projects.html

@@ -80,6 +80,6 @@ <h5 class="card-title text-center">HBO Max Clone</h5>
   </footer>
 
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
-
+    <script src="/script.js"></script>
   </body>
 </html>

script.js

@@ -1,11 +1,9 @@
 "use strict";
 
-function scrollToSection() {
-    const sectionElement = document.querySelector('#profilePicture');
-    if (sectionElement) {
-        const offset = -100;
-        const elementPosition = sectionElement.offsetTop + offset;
-        window.scrollTo({ top: elementPosition, behavior: 'auto' });
+document.querySelector('.logotitle').addEventListener('click', function (event) {
+    if (event.currentTarget === event.target) {
+        window.location.href = 'index.html';
     }
-}
+});
+
 

style.css

@@ -24,6 +24,7 @@ html {
 .logo {
     width: 30px;
     filter: invert(43%) sepia(15%) saturate(1978%) hue-rotate(100deg) brightness(95%) contrast(86%);
+    cursor: pointer;
 }
 
 .logoTitle {
@@ -83,6 +84,11 @@ nav {
     cursor: pointer;
 }
 
+a .contactMe:hover {
+        background-color: #00754c;
+        transition: all 200ms ease-in-out; 
+}
+
 #info {
     display: flex;
     margin: 125px 0 0 70px;
@@ -101,7 +107,7 @@ h4 {
 #profilePicture {
     width: 287px;
     margin: 65px 0 50px 216px;
-    filter: grayscale(.50);
+    filter: contrast(1.0) hue-rotate(349deg) saturate(0.5) url(#purple-sepia);
 
 }
 
@@ -151,6 +157,11 @@ h4 {
     align-items: center;
 }
 
+.downloadCv:hover {
+    background-color: #00754c;
+    transition: all 200ms ease-in-out; 
+}
+
 .titleProjects {
     color: #fff;
     margin: 50px 0 20px 0;
@@ -215,6 +226,11 @@ h4 {
     cursor: pointer;
 }
 
+a .viewMore:hover {
+        background-color: #00754c;
+        transition: all 200ms ease-in-out; 
+}
+
 .buttonsCarousel {
     display: flex;
     align-items: center;
@@ -264,6 +280,11 @@ form .btn-submit input {
     cursor: pointer;
 }
 
+form .btn-submit input:hover {
+        background-color: #00754c;
+        transition: all 200ms ease-in-out; 
+}
+
 .socialMedia {
     display: flex;
     justify-content: center;
@@ -392,7 +413,7 @@ form .btn-submit input {
     }
 
     header {
-        background-position: -237px;
-        background-size: 125rem;
-    }
+    background-position: -237px;
+    background-size: 125rem;
+}
 }