diff --git a/fortunecookie/fortune.css b/fortunecookie/fortune.css index 409845c..5e59ec4 100644 --- a/fortunecookie/fortune.css +++ b/fortunecookie/fortune.css @@ -37,10 +37,6 @@ div.button { border-radius: 7px; } -a { - color: rgb(109, 109, 216); -} - a.back { display: block; text-align: center; @@ -51,16 +47,6 @@ a.back { color: aliceblue; } -div.cookie_text { - display: flex; - align-items: center; - justify-content: center; - font-family: Arial, Helvetica, sans-serif; - background-color: aliceblue; - color: #121113; - height: 30px; -} - button.copy { background-color: aliceblue; color: #121113; diff --git a/fortunecookie/redeemcookie/redeem.css b/fortunecookie/redeemcookie/redeem.css new file mode 100644 index 0000000..c2fb869 --- /dev/null +++ b/fortunecookie/redeemcookie/redeem.css @@ -0,0 +1,51 @@ +body { + background-color: rgb(49, 49, 49); + color: aliceblue; + text-align: center; + font-family: Arial, Helvetica, sans-serif; +} + +input { + width: 100%; + height: 50px; + border-radius: 7px; + border: 3px solid rgb(44, 44, 44); + background-color: rgb(72, 72, 72); + color: aliceblue; +} + +button { + width: 70%; + background-color: rgb(72, 72, 72); + border-radius: 7px; + height: 40px; + border: 3px solid rgb(44, 44, 44); + color: aliceblue; +} + +a { + color: rgb(155, 207, 253); +} + +a.back { + color: aliceblue; + text-decoration: none; + font-size: 20px; +} + +div.button { + background-color: rgb(80, 80, 80); + border-radius: 7px; +} + +div.cookie_text { + text-align: center; + background-color: aliceblue; + color: rgb(38, 38, 38); + border-bottom-left-radius: 7px; + border-bottom-right-radius: 7px; +} + +p.showmsg { + padding: 10px; +} \ No newline at end of file diff --git a/fortunecookie/redeemcookie/redeemcookie.html b/fortunecookie/redeemcookie/redeemcookie.html index 9f99221..cbaa66e 100644 --- a/fortunecookie/redeemcookie/redeemcookie.html +++ b/fortunecookie/redeemcookie/redeemcookie.html @@ -3,14 +3,14 @@ - + - Redeem your digital cookie + Digital-Cookie-Code -

Redeem your fortune cookie!

+

Redeem your fortune cookie

Was someone nice and they have baked your a digital fortune cookie? If yes cou can redeem it right here to read its message!

@@ -20,20 +20,26 @@

Redeem your fortune cookie!



+

- +
+


-

If you want to create your own digital-fortune-cookie for your friend, you can visit this - page: magmalamps.github.io/fortunecookie/fortunecookie.html -

-

This website uses JavaScript. Make sure that you have enabled it.

- -Go Back- +
+

If you want to create your own digital-fortune-cookie for your friend, you can visit this + page: magmalamps.github.io/fortunecookie/fortunecookie.html +

+ +

This website uses JavaScript. Make sure that you have enabled it.

+ -Go Back- +
+