diff --git a/about.html b/about.html
index aeca4d4..47ee32e 100644
--- a/about.html
+++ b/about.html
@@ -37,7 +37,7 @@ ABOUT ME
-
+
diff --git a/contact.html b/contact.html
new file mode 100644
index 0000000..76a9a3e
--- /dev/null
+++ b/contact.html
@@ -0,0 +1,42 @@
+
+
+
+
+
+
+
+ AM | About
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
ALESSANDRO MAGNOCAVALLO
-
-
+
+
diff --git a/project.html b/project.html
index cff7797..0e6b2e4 100644
--- a/project.html
+++ b/project.html
@@ -165,7 +165,7 @@
-
+
diff --git a/style.css b/style.css
index fecd26f..3b83921 100644
--- a/style.css
+++ b/style.css
@@ -9,8 +9,21 @@ body {
}
a {
- text-decoration: none;
+ text-decoration:none;
color: inherit;
+ transition: 0.2s all ease-in-out;
+}
+
+a:hover {
+}
+
+
+.backbtn {
+ font-family: Tiempos;
+ text-transform: lowercase;
+ font-weight: 100;
+ margin-top: 3px;
+ mix-blend-mode: difference;
}
.main-page {
@@ -93,7 +106,7 @@ h1 {
margin: 0;
margin-top: 4px;
padding-bottom: 2px;
- transition: all 0.4s ease-in-out;
+ transition: all 0.2s ease-in-out;
cursor: pointer;
}
@@ -134,6 +147,7 @@ h1 {
height: 80%;
margin: 0;
padding: 0;
+ background-color: black;
}
#image-gallery {
diff --git a/transition.js b/transition.js
index 697c893..fedeeea 100644
--- a/transition.js
+++ b/transition.js
@@ -3,7 +3,7 @@ document.addEventListener('DOMContentLoaded', function () {
document.body.style.opacity = '0%';
setTimeout(function () {
document.body.style.opacity = '100%';
- }, 600); // Match the transition duration
+ }, 200); // Match the transition duration
document.querySelectorAll('a[href]').forEach(function (link) {
@@ -18,7 +18,7 @@ document.addEventListener('DOMContentLoaded', function () {
setTimeout(function () {
window.location.href = targetUrl; // Navigate after fade-out
- }, 500); // Match the transition duration
+ }, 250); // Match the transition duration
});
});
diff --git a/works.html b/works.html
index 521da30..0f087b9 100644
--- a/works.html
+++ b/works.html
@@ -79,7 +79,7 @@