diff --git a/style.css b/style.css index 2feaf1a..543907e 100644 --- a/style.css +++ b/style.css @@ -3,7 +3,6 @@ body{ padding: 0; border: 0; font-family: inter; - background: #FFFFFF; } main figure{ margin-block-start: 0; @@ -14,7 +13,6 @@ main figure{ .cabecalho { background-color: #000000; text-align: center; - width: 100%; } .imagemCabecalho { width: 12%; @@ -27,7 +25,6 @@ main figure{ } .imagemCorpoPt1{ width: 100%; - height: 100%; } .corpoPt1{ display: flex; @@ -47,7 +44,6 @@ main figure{ margin-block-start: 0; margin-block-end: 0; font-weight: 500; - line-height: 58px; font-size: 48px; text-transform: uppercase; } @@ -56,7 +52,6 @@ main figure{ width: 40%; font-size: 16px; } - .corpoPt2{ margin-top: 73px; text-align: center; @@ -67,7 +62,6 @@ main figure{ .corpoPt3{ margin-top: 178px; display: flex; - flex-direction: row; justify-content: center; gap: 1%; margin-bottom: 80px; @@ -75,7 +69,6 @@ main figure{ section figure { text-align: center; width: 18%; - background: #FFFFFF; } section figure img{ width: 29%; @@ -135,33 +128,17 @@ section figure figcaption p{ .corpoPt5{ margin-top: 129px; display: flex; - flex-direction: row; - width: 100%; justify-content: center; gap: 0.8%; - background: #FFFFFF; } .corpoPt5 figure{ width: 22.5%; - background: #FFFFFF; + box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15); } - .corpoPt5 figure p{ font-size: 16px; margin-bottom: 65px; } -.box1{ - box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15); -} -.box2{ - box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15); -} -.box3{ - box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15); -} -.box4{ - box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15); -} .box1 img{ margin-top: 51px; width: 24%; @@ -184,7 +161,6 @@ section figure figcaption p{ flex-direction: column; align-items: center; width: 100%; - background: #FFFFFF; } .corpoPt6 p{ font-size: 16px; @@ -223,7 +199,6 @@ footer{ } .paragrafoRodape{ color:#BDBDBD; - font-style: normal; font-size: 10px; text-transform: uppercase; margin-bottom: 38px; @@ -265,9 +240,7 @@ footer{ section figure { text-align: center; width: 84%; - background: #FFFFFF; } - .corpoPt4Mobile div figure{ width: 42%; } @@ -284,16 +257,7 @@ footer{ .corpoPt4{ display: none; } - .box1 figcaption p{ - font-size: 14px; - } - .box2 figcaption p{ - font-size: 14px; - } - .box3 figcaption p{ - font-size: 14px; - } - .box4 figcaption p{ + .corpoPt5 figure figcaption p{ font-size: 14px; } .retangulo2{ @@ -357,7 +321,6 @@ footer{ text-align: center; } } - @media(min-width: 2500px){ .corpoPt1 h2{ font-size: 64px;