diff --git a/css/style.css b/css/style.css
index f7a9a3a..2d0da8c 100644
--- a/css/style.css
+++ b/css/style.css
@@ -164,7 +164,8 @@ body > section:nth-child(odd) .article_illustration > img {
#project {
background-image: url(../img/project.png);
- background-size: cover;
+ background-size: auto 100%;
+ background-position: center;
}
/* Layout - Espaçamentos */
@@ -388,7 +389,7 @@ section .content,
.menu a:hover,
.menu a:active {
- font-weight: var(--font_extrabold);
+ font-weight: var(--font_extrabold) !important;
}
/* Estilo */
@@ -431,7 +432,7 @@ section .content,
bottom: var(--size_xs);
}
- .menu:hover ol {
+ .menu.enabled ol {
display: block;
}
@@ -561,4 +562,31 @@ section .content,
display: inline-block;
}
+}
+
+/* Animação */
+
+html {
+ scroll-behavior: smooth;
+}
+
+@media (min-width: 1280px) {
+
+ body > section {
+ background-size: 100%;
+ transition: background-size 0.5s ease-in-out;
+}
+
+ body > section:hover {
+ background-size: 105%;
+ }
+
+ .article_illustration img {
+ transform: scale(1);
+ transition: transform .5s ease-out 100ms
+ }
+
+ .article_illustration:hover img {
+ transform: scale(1.025);
+ }
}
\ No newline at end of file
diff --git a/index.html b/index.html
index 9b805c9..6d9935e 100644
--- a/index.html
+++ b/index.html
@@ -5,10 +5,11 @@
+
Projeto Módulo 4
-