diff --git a/css/mario.css b/css/mario.css new file mode 100644 index 0000000..a822c51 --- /dev/null +++ b/css/mario.css @@ -0,0 +1,32 @@ +*{ + margin: 0; + padding: 0; +} +/* DARK MODE */ +:root { + --bg-color: #fff; + --primary-text-color: #222; + --secondary-text-color: #616060; + } + +body { + background: var(--bg-color); +} +.content { + color: var(--primary-text-color); + text-align: center; +} +.content p { + color: var(--secondary-text-color); +} + +.dark-mode { + --bg-color: #3e4c59; + --primary-text-color: #fff; + --secondary-text-color: #ddd; +} + +.bg-image { + background-image: url(img/2); + background-size: cover; +} \ No newline at end of file diff --git a/css/rayman.css b/css/rayman.css new file mode 100644 index 0000000..9a96b35 --- /dev/null +++ b/css/rayman.css @@ -0,0 +1,27 @@ +*{ + margin: 0; + padding: 0; +} +/* DARK MODE */ +:root { + --bg-color: #fff; + --primary-text-color: #222; + --secondary-text-color: #616060; + } + +body { + background: var(--bg-color); +} +.content { + color: var(--primary-text-color); + text-align: center; +} +.content p { + color: var(--secondary-text-color); +} + +.dark-mode { + --bg-color: #3e4c59; + --primary-text-color: #fff; + --secondary-text-color: #ddd; +} \ No newline at end of file diff --git a/css/splatoon.css b/css/splatoon.css new file mode 100644 index 0000000..1b31f1f --- /dev/null +++ b/css/splatoon.css @@ -0,0 +1,39 @@ +*{ + margin: 0; + padding: 0; +} +#bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: -5000; +} +/* DARK MODE */ +:root { + --bg-color: #fff; + --primary-text-color: #222; + --secondary-text-color: #616060; + } + +body { + background: var(--bg-color); +} +.content { + color: var(--primary-text-color); + text-align: center; +} +.content p { + color: var(--secondary-text-color); +} + +.dark-mode { + --bg-color: #3e4c59; + --primary-text-color: #fff; + --secondary-text-color: #ddd; +} +#bg { + width: 100%; + height: 75%; + position: absolute; + z-index: -5000; +} \ No newline at end of file diff --git a/css/style.css b/css/style.css index b760f01..9a96b35 100644 --- a/css/style.css +++ b/css/style.css @@ -2,7 +2,8 @@ margin: 0; padding: 0; } -:root{ +/* DARK MODE */ +:root { --bg-color: #fff; --primary-text-color: #222; --secondary-text-color: #616060; diff --git a/index.html b/index.html index 5b48182..720d966 100644 --- a/index.html +++ b/index.html @@ -26,6 +26,7 @@ +
+ + +