diff --git a/src/routes/subscribe.svelte b/src/routes/subscribe.svelte
index fac07bc..e8ec5fd 100644
--- a/src/routes/subscribe.svelte
+++ b/src/routes/subscribe.svelte
@@ -29,14 +29,14 @@
autoplay: false,
})
- anime.set('.subscribe__top > *, .subscribe__issues', {
+ anime.set('.heading .text, .subscribe__top .newsletter-form, .subscribe__issues', {
opacity: 0,
translateY: 24,
})
// Elements
timeline.add({
- targets: '.subscribe__top > *, .subscribe__issues',
+ targets: '.heading .text, .subscribe__top .newsletter-form, .subscribe__issues',
opacity: 1,
translateY: 0,
delay: anime.stagger(200),
diff --git a/src/style/molecules/_heading.scss b/src/style/molecules/_heading.scss
index 30809f6..7866279 100644
--- a/src/style/molecules/_heading.scss
+++ b/src/style/molecules/_heading.scss
@@ -19,7 +19,7 @@
}
// Text
- :global(p) {
+ .text {
max-width: 300px;
margin: 40px auto 0;
font-weight: 200;
diff --git a/src/style/pages/_credits.scss b/src/style/pages/_credits.scss
index 9b5b647..c974544 100644
--- a/src/style/pages/_credits.scss
+++ b/src/style/pages/_credits.scss
@@ -1,28 +1,5 @@
// Credits Page
.credits {
- // Intro Section
- &__heading {
- margin: 56px 0 72px;
- color: $color-tertiary;
- text-align: center;
-
- @include bp (md) {
- margin: 160px 0;
- }
-
- // Text
- p {
- max-width: 320px;
- margin: 50px auto 0;
- font-weight: 200;
-
- @include bp (sm) {
- margin: 72px auto 0;
- max-width: 450px;
- }
- }
- }
-
// List
&__list {
padding-bottom: 96px;