In this project, we're going to practice animation in Sass so you can hone your skills and feel confident taking them to the real world.
Why? No modern website is complete without a little bit of animation.

Let's organize logic first. The `@import` statements should always be at the top of your **main.scss** stylesheet. Move the font imports to the top of the file. 

Next, split up all variables inside their own partial. Right now you can find the three variables in the middle of the file. Paste those inside the **helper/_variables.scss** partial.

Import the variables partial at the top of your **main.scss** file. 

The animations for our text are also spread throughout the file. Centralize that logic inside the **helper/_animations.scss** partial. The two animations are `appear` and `slide-left`. Find them and move them their contents inside the file. 

Import the animations partial at the top **main.scss**. 

Fix the mixin misuse. Notice that the mixin `slide-left` does not take any parameters. Since it's never directly used in the html, make this class a placeholder and place it inside the placeholder partial, **helper/_placeholders.scss**.


Import the placeholders partial at the top of  **main.scss**.



Replace all instances that included the mixin by instead extending the new placeholder. 

