1 files changed, 77 insertions, 0 deletions
diff --git a/html/public/css/style.css b/html/public/css/style.css
new file mode 100644
index 0000000..a4f243f
--- /dev/null
+++ b/html/public/css/style.css
@@ -0,0 +1,77 @@
+/* Basic Reset */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  background-color: #2a2a2a; /* Dark background */
+  color: #f4c2c2; /* Soft pink text, typical of a girly 90s vibe */
+  font-family: "Comic Sans MS", "Chalkboard SE", sans-serif; /* Retro, playful font */
+
+  padding: 20px;
+}
+
+a {
+  color: #ff47da; /* Bright pink for links */
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+button,
+input[type="submit"],
+input[type="button"] {
+  background-color: #ff69b4; /* Bright pink for buttons */
+  border: none;
+  color: white;
+  padding: 10px 20px;
+  text-transform: uppercase;
+  font-family: "Comic Sans MS", "Chalkboard SE", sans-serif;
+  cursor: pointer;
+  transition: background-color 0.3s ease;
+}
+
+button:hover,
+input[type="submit"]:hover,
+input[type="button"]:hover {
+  background-color: #ff1493; /* Darker pink on hover */
+}
+
+input[type="text"],
+input[type="password"],
+textarea {
+  background-color: #333; /* Darker elements for inputs */
+  border: 1px solid #f4c2c2; /* Soft pink border */
+  color: #f4c2c2; /* Soft pink text */
+  padding: 10px;
+}
+
+/* Example of styling a specific component differently */
+.special-button {
+  background-color: #ff47da; /* A different shade of pink */
+  border-radius: 20px; /* Rounded edges for a more playful look */
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  color: #ff69b4;
+  margin-bottom: 20px;
+}
+
+p {
+  margin-bottom: 20px;
+}
+
+li {
+  margin-left: 20px;
+}