diff --git a/src/components/styles/TeamCard.css b/src/components/styles/TeamCard.css index e78338a..bff68d2 100644 --- a/src/components/styles/TeamCard.css +++ b/src/components/styles/TeamCard.css @@ -1,5 +1,4 @@ -.teamCard{ - display: flex; +.teamCard { justify-content: center; align-items: center; flex-direction: column; @@ -7,32 +6,38 @@ background-color: rgb(255, 255, 255); width: fit-content; margin: 0.6rem 0.6rem; - padding: 15px 10px ; + padding: 15px 10px; width: 150px; cursor: pointer; height: 200px; word-break: break-word; } -.teamCard:hover img{ -transform: scale(1.05); + +.teamCard:hover img { + transform: scale(1.05); } -.teamCard img{ -width: 100px; -height: 100px; -border-radius: 50%; -transition: all 0.3s ease; + +.teamCard img { + margin-left: 11%; + margin-right: 11%; + width: 100px; + height: 100px; + border-radius: 50%; + transition: all 0.3s ease; } -.teamCard h5{ -font-size: 1rem; -text-align: center; -margin-top:0.5rem ; -margin-bottom: 0rem; -font-weight: 700; + +.teamCard h5 { + font-size: 1rem; + text-align: center; + margin-top: 0.5rem; + margin-bottom: 0rem; + font-weight: 700; } -.teamCard p{ -font-size: 0.9rem; -text-align: center; -margin-top:0.5rem ; -margin-bottom: 0rem; -font-weight: 700; + +.teamCard p { + font-size: 0.9rem; + text-align: center; + margin-top: 0.5rem; + margin-bottom: 0rem; + font-weight: 700; } \ No newline at end of file