diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 957d7153e15321e46cf20a50adb42cdbc12805ca..c95b43d6e9b43d3748f42837b8f94900d741e1d9 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -35,14 +35,14 @@ export const IndexPage = () => ( <Tween from={{ css: { - left: '-150px', - top: '-25vh' + left: '-10%', + top: '20%' } }} to={{ css: { - left: '120vw', - top: '60vh' + left: '120%', + top: '50%' } }} totalProgress={progress} diff --git a/src/styles/scroll-animate.scss b/src/styles/scroll-animate.scss index ca3ec37b23d3330cbe286a18686a821b2755e281..368b2af1d5054deef3a350262a6f1e9508c05fdd 100644 --- a/src/styles/scroll-animate.scss +++ b/src/styles/scroll-animate.scss @@ -4,9 +4,8 @@ width: 93px; height: 43px; margin: 0 !important; - position: relative; + position: fixed; left: -150px; - top: -15vh; } .nebula {