diff --git a/src/components/styles/About.styled.ts b/src/components/styles/About.styled.ts index e69056f..a196a81 100644 --- a/src/components/styles/About.styled.ts +++ b/src/components/styles/About.styled.ts @@ -54,22 +54,22 @@ export const StyledAbout = styled.section` border-radius: 1em; background-color: ${({ theme }) => theme.colors['600']}; + } - .stat-item-icon { - position: absolute; - top: 0; - left: 50%; - transform: translate(-50%, -50%); + .stat-item-icon { + position: absolute; + top: 0; + left: 50%; + transform: translate(-50%, -50%); - padding: 1em; - background-color: ${({ theme }) => theme.colors['600']}; - border-radius: 50%; - } + padding: 1em; + background-color: ${({ theme }) => theme.colors['600']}; + border-radius: 50%; + } - p { - font-size: 1.25em; - line-height: 1.5em; - } + .stat-item-text { + font-size: 1.25em; + line-height: 1.5em; } @media screen and (max-width: ${deviceSize.md}) { diff --git a/src/sections/AboutSection.tsx b/src/sections/AboutSection.tsx index cf4568c..27a8646 100644 --- a/src/sections/AboutSection.tsx +++ b/src/sections/AboutSection.tsx @@ -67,7 +67,7 @@ function AboutSection() {
{t('about.brief-1-content')}
+{t('about.brief-2-content')}
+{t('about.brief-3-content')}
++