diff --git a/home.html b/home.html index e9a9a6f..be97a0f 100644 --- a/home.html +++ b/home.html @@ -10,7 +10,7 @@
-
-

PACKABUNCHAS

-

PACKABUNCHAS:

-
-
- -
+
+

PACKABUNCHAS

+

PACKABUNCHAS:

+
+
+ +
- -
-

Welcome to PACKABUNCHAS
- Where Space Meets Cosmic Challenges!

-

Step into the cosmic arena of PACKABUNCHAS, where every move shapes your interstellar destiny. With five dynamic modes to explore and a diverse cast of blocky chums to command, strategic thinking and lightning-fast reflexes are your tickets to victory. Whether you're stacking up the fun in Classic, mastering the challenge of Penta, or exploring the cosmos in Mix, each round presents an opportunity to prove your cosmic prowess. With only one life per round, it's a race against time and your opponents to reign supreme in the stars.

-
+ +
+

Welcome to PACKABUNCHAS
Where Space Meets Cosmic Challenges!

+

Step into the cosmic arena of PACKABUNCHAS, where every move shapes your interstellar destiny. With five dynamic modes to explore and a diverse cast of blocky chums to command, strategic thinking and lightning-fast reflexes are your tickets to victory. Whether you're stacking up the fun in Classic, mastering the challenge of Penta, or exploring the cosmos in Mix, each round presents an opportunity to prove your cosmic prowess. With only one life per round, it's a race against time and your opponents to reign supreme in the stars.

+

PACKABUNCHAS Cosmic Modes

-
Classic
-
Penta
-
Mix
-
Kids
-
Ezpz
-
+
Classic
+
Penta
+
Mix
+
Kids
+
Ezpz
+

Mastering Cosmic Gameplay

@@ -59,132 +58,72 @@

Mastering Cosmic Gameplay


🚀 Compete globally to climb the leaderboard and prove your cosmic dominance.
🚀 Are you ready to conquer the cosmos?

- +
- - - + + +
+ + + + - \ No newline at end of file + diff --git a/style.css b/style.css index 481e370..9a87a4b 100644 --- a/style.css +++ b/style.css @@ -423,3 +423,109 @@ footer a:hover{ } } + +/* Feedback Form Modal */ + +.modal { + display: none; + position: fixed; + z-index: 1; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgb(0,0,0); + background-color: rgba(0,0,0,0.4); + padding-top: 60px; +} + +.modal-content { + background-color: #fefefe; + margin: 5% auto; + padding: 20px; + border: 1px solid #888; + width: 80%; + max-width: 500px; + border-radius: 10px; + background-color: #fff0b3; /* Light yellow background */ + border: 2px solid #ffa31a; /* Orange border */ +} + +.close { + color: #aaa; + float: right; + font-size: 28px; + font-weight: bold; +} + +.close:hover, +.close:focus { + color: black; + text-decoration: none; + cursor: pointer; +} + +.feedback-form input, +.feedback-form textarea, +.feedback-form select { + width: 100%; + padding: 10px; + margin: 5px 0 20px 0; + display: inline-block; + border: 1px solid #ccc; + border-radius: 5px; + box-sizing: border-box; +} + +.feedback-form button { + background-color: #4CAF50; + color: white; + padding: 14px 20px; + margin: 8px 0; + border: none; + border-radius: 5px; + cursor: pointer; + width: 100%; +} + +.feedback-form button:hover { + background-color: #45a049; +} + +.star-rating { + display: flex; + flex-direction: row-reverse; + justify-content: flex-end; + margin-bottom: 20px; +} + +.star-rating input[type="radio"] { + display: none; +} + +.star-rating label { + color: #ccc; + font-size: 24px; + padding: 0; + cursor: pointer; + transition: color 0.2s; +} + +.star-rating input[type="radio"]:checked ~ label, +.star-rating input[type="radio"]:hover ~ label, +.star-rating label:hover, +.star-rating label:hover ~ label { + color: #ffc700; +} + +.footer-links a { + color: blue; + text-decoration: none; + margin: 0 5px; + font-size: 14px; /* Smaller font size */ +} + +.footer-links a:hover { + text-decoration: underline; +}