diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css index b2723fc..ff2b71c 100644 --- a/app/assets/stylesheets/application.css +++ b/app/assets/stylesheets/application.css @@ -157,4 +157,37 @@ a:visited { .throne-purse { margin-top: 10px; font-size: 1.1em; /* Adjust purse font size */ +} + +.goofy-text { + /* Basic text styling */ + font-family: 'Comic Sans MS', cursive, sans-serif; /* Goofy font */ + font-size: 28px; + font-weight: bold; + color: #FF00FF; /* Bright pink for visibility */ + + /* Glowing effect */ + text-shadow: + 0 0 10px #b16286, + 0 0 20px #b16286, + 0 0 30px #b16286, + 0 0 40px #b16286, + 0 0 50px #b16286, + 0 0 60px #b16286, + 0 0 70px #b16286; + + /* Animation for bouncing/moving effect */ + animation: bounce 1.5s ease infinite alternate; +} + +@keyframes bounce { + 0% { + transform: translateY(0) rotate(0deg); + } + 50% { + transform: translateY(-10px) rotate(5deg); + } + 100% { + transform: translateY(0) rotate(-5deg); + } } \ No newline at end of file diff --git a/app/views/leaderboard/index.html.erb b/app/views/leaderboard/index.html.erb index f997bec..ad3d3fa 100644 --- a/app/views/leaderboard/index.html.erb +++ b/app/views/leaderboard/index.html.erb @@ -36,3 +36,7 @@ <% else %>