diff --git a/app/static/css/partials/_about.scss b/app/static/css/partials/_about.scss index 9519d64..8238c6b 100755 --- a/app/static/css/partials/_about.scss +++ b/app/static/css/partials/_about.scss @@ -60,7 +60,6 @@ } .about-bios { - //max-width: 670px; padding: var(--spacing-2) 0; } @@ -72,6 +71,10 @@ display: flex; align-items: center; + .text-about { + background-image: linear-gradient(to right, var(--animated-title-color-2), var(--animated-title-color-3), var(--animated-title-color-4), var(--animated-title-color-1)); + } + @media screen and (min-width: 800px) { width: 50%; } diff --git a/app/static/css/partials/_titleanimation.scss b/app/static/css/partials/_titleanimation.scss index c95285e..7fa8a33 100755 --- a/app/static/css/partials/_titleanimation.scss +++ b/app/static/css/partials/_titleanimation.scss @@ -15,8 +15,8 @@ } .animated-title { - .text { - background: linear-gradient(to right, var(--animated-title-color-1), var(--animated-title-color-2) , var(--animated-title-color-3), var(--animated-title-color-4)); + .text, .text-about { + background-image: linear-gradient(to right, var(--animated-title-color-1), var(--animated-title-color-2) , var(--animated-title-color-3), var(--animated-title-color-4)); -webkit-background-clip: text; background-clip: text; color: transparent; diff --git a/app/templates/about.html b/app/templates/about.html index 18c8be0..26cfb23 100755 --- a/app/templates/about.html +++ b/app/templates/about.html @@ -44,7 +44,7 @@