diff --git a/src/assets/css/base.css b/src/assets/css/base.css index d2bec66..47b93b8 100644 --- a/src/assets/css/base.css +++ b/src/assets/css/base.css @@ -145,6 +145,7 @@ body { .section-title { color: var(--Opacity_40); + font-size: 16px; font-weight: 600; line-height: 1.5; letter-spacing: -0.02em; diff --git a/src/assets/css/colors.css b/src/assets/css/colors.css index 15c4e1a..8560354 100644 --- a/src/assets/css/colors.css +++ b/src/assets/css/colors.css @@ -8,7 +8,8 @@ --Main_text: #fafafa; --Opacity_10: rgba(250, 250, 250, 0.1); --Opacity_20: rgba(250, 250, 250, 0.2); - --Opacity_40: rgba(250, 250, 250, 0.4); + --Opacity_40: #FAFAFAA6; + /* --Opacity_40: rgba(250, 250, 250, 0.4); */ --Opacity_60: rgba(250, 250, 250, 0.6); --Success_message: #3cbc81; --Error_message: #e74a3b; diff --git a/src/partials/projects/projects.css b/src/partials/projects/projects.css index f1d59f3..0e35f4e 100644 --- a/src/partials/projects/projects.css +++ b/src/partials/projects/projects.css @@ -2,13 +2,13 @@ list-style: none; padding: 0; margin: 0; - + } .project-card { display: flex; flex-direction: column; border-radius: 24px; - overflow: hidden; + overflow: hidden; height: auto; } @keyframes slideLeftToRight { @@ -54,7 +54,7 @@ line-height: 19.36px; letter-spacing: -0.02em; text-align: left; - + } .right-part { flex: 1; @@ -62,7 +62,7 @@ text-align: left; padding: 100px 16px; display: flex; justify-content: center; - align-items: center; + align-items: center; } .project-card .right-part img { max-width: 100%; @@ -128,22 +128,13 @@ text-align: left; overflow-y: hidden; } -.projects-header { - font-family: Inter Tight; -font-size: 16px; -font-weight: 600; -line-height: 24px; -letter-spacing: -0.02em; -text-align: left; -color: #FAFAFA66; -} .projects-header { margin-bottom: 64px; } .project-swiper-btn { - display: flex; + display: flex; justify-content: center; - align-items: center; + align-items: center; width: 52px; height: 52px; padding: 14px; @@ -151,7 +142,7 @@ color: #FAFAFA66; border-radius: 60px; border: 1px solid #FAFAFA80; background-color: transparent; - fill: none; + fill: none; stroke: #fafafa; } .project-swiper-btn:disabled { @@ -166,7 +157,7 @@ color: #FAFAFA66; .project-swiper-btn:not([disabled]):hover .project-btn-icon, .project-swiper-btn:not([disabled]):focus .project-btn-icon { stroke: #E0373F; - + } /* =============TABLET====================== */ @@ -196,7 +187,7 @@ color: #FAFAFA66; width: 32px; height: 32px; } - .project-swiper-btn { + .project-swiper-btn { width: 68px; height: 68px; padding: 18px; @@ -226,4 +217,4 @@ color: #FAFAFA66; .projects-swiper-btns { padding-bottom: 164x; } -} \ No newline at end of file +} diff --git a/src/partials/projects/projects.html b/src/partials/projects/projects.html index 1182e6b..eab7272 100644 --- a/src/partials/projects/projects.html +++ b/src/partials/projects/projects.html @@ -1,6 +1,6 @@
-

PROJECTS

+

PROJECTS