diff --git a/Images/linux.png b/Images/linux.png new file mode 100644 index 0000000..615ad98 Binary files /dev/null and b/Images/linux.png differ diff --git a/index.html b/index.html index e658588..7093e43 100644 --- a/index.html +++ b/index.html @@ -59,6 +59,7 @@

Email | thehillsidetownship@gmail.com

Adress | Oak forest, acorn path, that tree.

Hillside Township | https://hillside-township.github.io

+ diff --git a/styles.css b/styles.css index 141392a..658a35a 100644 --- a/styles.css +++ b/styles.css @@ -2,33 +2,22 @@ Main ==================================================*/ +html { + overflow: scroll; + scroll-snap-type: y mandatory; +} + body { font-family: Helvetica; background-color: whitesmoke; padding: 0; margin: 0; - overflow-y: scroll; - scroll-snap-type: y mandatory; } ::-webkit-scrollbar { display: none; } -/*================================================== -Scrolling -==================================================*/ - -.scroll-container { - height: 100vh; - overflow-y: scroll; - scroll-snap-type: y mandatory; -} - -section { - -} - /*================================================== Navigation Bar ==================================================*/ @@ -43,6 +32,7 @@ nav { justify-content: center; align-items: center; padding: 8px; + overflow: scroll; scroll-snap-align: start; box-shadow: 0 8px 15px #262626; } @@ -58,8 +48,8 @@ Main Sectors ==================================================*/ .project { - margin: 0; height: 100vh; + overflow: scroll; scroll-snap-align: start; } @@ -111,7 +101,12 @@ Main Sectors width: 100%; background-color: whitesmoke; position: relative; + overflow: scroll; scroll-snap-align: start; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; } /*================================================== @@ -245,3 +240,15 @@ Display Images width: 125px; height: 125px; } + +/*================================================== +End Section +==================================================*/ + +#linux-rainbow { + size: auto; + max-width: 80%; + max-height: 60%; + border-radius: 50px; + animation: rainbow-glow 5s infinite; +}