diff --git a/_sass/_about-lab.scss b/_sass/_about-lab.scss
index 6f5f94471..c89ed751b 100644
--- a/_sass/_about-lab.scss
+++ b/_sass/_about-lab.scss
@@ -1,83 +1,63 @@
.about-lab-wrapper {
- background-color: #14193d;
- padding: 30px 12%;
- display: flex;
-}
-
-.about-content {
- width: 30%;
display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
+ min-height: 80vh;
+ width: 100%;
- .about-text {
- font-size: 14px;
- color: white;
- text-align: right;
- }
+ background-color: #14193d;
}
-
.imagens-grid-wrapper {
display: flex;
- width: 65%;
- margin-right: 40px;
+ img {
+ filter: grayscale(100%);
+ transition: all 0.4s ease-in-out;
+
+ &:hover {
+ filter: grayscale(0%);
+ }
+ }
}
-.imagens-grid-container {
+.images-column {
width: 50%;
+}
- display: flex;
- flex-direction: column;
- justify-content: space-between;
-
- .grid-wrapper-3 {
- height: 25%;
-
- display: flex;
- justify-content: center;
- align-items: center;
-
- h1 {
- text-align: center;
- color: white;
- margin: 0;
- font-size: 35px;
- font-weight: 600;
- }
+.grid-wrapper {
+ height: 50%;
+ img {
+ object-fit: cover;
+ height: 100%;
}
-
-
+}
- .big-image {
- height: 75%;
+.big-image {
+ img {
+ object-fit: cover;
+ height: 100%;
}
+}
+.about-content {
+ width: 90%;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ padding: 0px 30px;
- .grid-wrapper {
- transition: all 0.4s ease-in-out;
- filter: blur(0.02rem);
-
- padding: 20px;
-
- &:hover {
- filter: blur(0rem);
- }
+ .about-text {
+ font-size: 14px;
+ color: white;
+ text-align: left;
}
- img {
- filter: grayscale(100%);
-
- box-shadow: 0 1px 2px #4250be1d;
- transition: all 0.4s ease-in-out;
- object-fit: cover;
-
- &:hover {
- filter: grayscale(0%);
-
- box-shadow: 0 5px 30px rgba(66, 80, 190, 0.499);
- }
- }
+ h1 {
+ text-align: center;
+ color: white;
+ margin: 0;
+ margin-bottom: 20px;
+ font-size: 35px;
+ font-weight: 600;
+ }
}
\ No newline at end of file
diff --git a/_sass/_bubble-background.scss b/_sass/_bubble-background.scss
index 46f14d753..c4a301e78 100644
--- a/_sass/_bubble-background.scss
+++ b/_sass/_bubble-background.scss
@@ -36,7 +36,6 @@
.gradient-bg {
- width: 100vw;
height: 100vh;
position: relative;
overflow: hidden;
diff --git a/_sass/_home-message.scss b/_sass/_home-message.scss
index eebbd78cd..6d8245722 100644
--- a/_sass/_home-message.scss
+++ b/_sass/_home-message.scss
@@ -1,8 +1,8 @@
.home-message {
z-index: 99;
- width: 100vw;
height: 100vh;
-
+ width: 100%;
+
position: absolute;
top: 0;
left: 0;
diff --git a/_sass/_last-editions.scss b/_sass/_last-editions.scss
index 468c6fdfa..855a374b4 100644
--- a/_sass/_last-editions.scss
+++ b/_sass/_last-editions.scss
@@ -1,5 +1,4 @@
.last-editions-wrapper {
- width: 100vw;
height: 90vh;
display: flex;
diff --git a/_sass/_layout-mobile.scss b/_sass/_layout-mobile.scss
index 543e8b3c7..564262065 100644
--- a/_sass/_layout-mobile.scss
+++ b/_sass/_layout-mobile.scss
@@ -10,7 +10,6 @@
justify-content: flex-end;
- width: 100vw;
height: 100vh;
bottom: 0px;
@@ -109,4 +108,13 @@
text-align: justify;
}
}
+
+ // Seção sobre o LAPPIS
+ .about-lab-wrapper {
+ flex-direction: column;
+ }
+
+ .about-content {
+ margin: 60px 0px;
+ }
}
\ No newline at end of file