From 911efe537453be3cba0240e62e5ce86a3dd6de2a Mon Sep 17 00:00:00 2001 From: Bene_Tesla <78994881+benetesla@users.noreply.github.com> Date: Wed, 11 Jan 2023 16:13:06 -0300 Subject: [PATCH] Css for possibilities --- src/containers/possib/Possibilities.css | 18 ++++++++++++------ 1 file changed, 12 insertions(+), 6 deletions(-) diff --git a/src/containers/possib/Possibilities.css b/src/containers/possib/Possibilities.css index deb4d65..be778ed 100644 --- a/src/containers/possib/Possibilities.css +++ b/src/containers/possib/Possibilities.css @@ -1,6 +1,6 @@ .Ai__possibilidades { display: flex; - flex-direction: row; + flex-direction: column; } .AI_possibility-image { @@ -8,16 +8,18 @@ display: flex; justify-content: flex-start; align-items: center; + margin-right: 1rem; } .AI_possibility-image img { - width: 60%; - height: 60%; + width:280px; + height: 280px; object-fit: contain; box-sizing: content-box; - border-radius: 15px; + border-radius: 80%; + } .AI_possibility-text{ flex: 1; @@ -25,16 +27,20 @@ flex-direction: column; justify-content: flex-end; align-items: flex-start; - + font-size: 32px; + background: -webkit-linear-gradient(#eee, #333); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; } .AI_possibility-text h1{ - font-size: 1.5rem; + font-size: 1rem; font-weight: 600; color: #000; margin: 0; } .AI_possibility-text h1:last-child{ margin-bottom: 0; + } .AI_possibility-text p{ font-size: 1rem;