Added starter code.

Added starting css, js, html files.
Added sun image.

Added section in html and put the sun image in it. Put a width on the
sun image in css.
Added scrolling features.

Added sun variable. Added rotation to the sun when scrolling. Sun
rotates in the same increments as you scroll the page.
Added background image.

Added background image and size to the css. Edited the speed at which
the rotation occurs in js.
Edited the background.

Added sun section variable in js. Edited the background position when
scrolling in js.
Added dipper image.

Added section including the dipper image in html, both with classes.
Added a width to the image in css.
Set opacity for dipper image. Added js file.

Set opacity to 0 on the dipper class so that its default is
transparent. Added transition for opacity of dipper image to go from
invisible to fully visible. Added js-dipper-fade class with animation.
Added waypoints js to js folder.
Made waypoint function for dipper section.

Connected waypoints js in html. Added variables for dipper and dipper
section. Added an offset to the dipper section scroll trigger. Added
forward to css js-dipper-fade class to make sure that the animation
stays at its end state instead of disappearing.
Added shuttle and opacity.

Added shuttle section and image with classes in html. In css, added
width to shuttle as well as default opacity. Added background colour to
shuttle section class. Added a shuttle fade class. Added keyframe for
opacity, to fade in.
Added shuttle variables and

Made shuttle and shuttle class variables in js. Added waypoint function
for shuttle section to js. In css, added transform to keyframe with
opacity.