diff --git a/Images/gold-rush-icon.png b/Images/gold-rush-icon.png new file mode 100644 index 0000000..fa636f3 Binary files /dev/null and b/Images/gold-rush-icon.png differ diff --git a/index.html b/index.html index 3283582..3a4e453 100644 --- a/index.html +++ b/index.html @@ -19,6 +19,7 @@

+

Gold Rush

A simple incremental game made with JavaScript

You can play it here, or download the app here. You can find the GitHub repository here.

diff --git a/styles.css b/styles.css index 47277d5..d26559b 100644 --- a/styles.css +++ b/styles.css @@ -44,7 +44,7 @@ nav { justify-content: center; align-items: center; padding: 8px; - scroll-snap-align: center; + scroll-snap-align: start; box-shadow: 0 8px 15px #262626; } @@ -61,7 +61,7 @@ Main Sectors .project { margin: 0; height: 100vh; - scroll-snap-align: center; + scroll-snap-align: start; } #gold-rush { @@ -104,7 +104,7 @@ Main Sectors width: 100%; background-color: whitesmoke; position: relative; - scroll-snap-align: center; + scroll-snap-align: start; } #personal { @@ -112,7 +112,7 @@ Main Sectors width: 100%; background-color: whitesmoke; position: relative; - scroll-snap-align: center; + scroll-snap-align: start; } /*================================================== @@ -126,3 +126,19 @@ Project Contents /*================================================== Other ==================================================*/ + +#gold-rush-icon { + width: 150px; + position: absolute; + bottom: 30px; + right: 60px; + border-radius: 50%; + transition: all .8s; +} + +#gold-rush-icon:hover { + box-shadow: 5px 5px 5px whitesmoke, + 5px -5px 5px whitesmoke, + -5px 5px 5px whitesmoke, + -5px -5px 5px whitesmoke; +}