diff options
author | akshay | 2025-04-11 13:43:13 +0530 |
---|---|---|
committer | GitHub | 2025-04-11 13:43:13 +0530 |
commit | 30dc1355c86c2ee367f556167863f04bbd0a6ecc (patch) | |
tree | 56380d34728142ccb31ca975114addb4b66e1ffc | |
parent | 9f3cd15c8f6011c8beee96f7817708cd042d5b41 (diff) | |
download | scilab_case_study_hackathon-30dc1355c86c2ee367f556167863f04bbd0a6ecc.tar.gz scilab_case_study_hackathon-30dc1355c86c2ee367f556167863f04bbd0a6ecc.tar.bz2 scilab_case_study_hackathon-30dc1355c86c2ee367f556167863f04bbd0a6ecc.zip |
Update temp-results.astro
-rw-r--r-- | src/pages/temp-results.astro | 29 |
1 files changed, 23 insertions, 6 deletions
diff --git a/src/pages/temp-results.astro b/src/pages/temp-results.astro index 628d6c6..7c82f47 100644 --- a/src/pages/temp-results.astro +++ b/src/pages/temp-results.astro @@ -6,17 +6,16 @@ <meta charset="UTF-8" /> <title>Congratulations</title> <style> -body{ -background: #000000; -background: linear-gradient(180deg,rgba(0, 0, 0, 1) 31%, rgba(255, 0, 0, 1) 88%); -} .center-container { height: 100vh; display: flex; justify-content: center; align-items: center; - background-color: #f3f4f6; + /*background-color: #f3f4f6;*/ +background: #000000; +background: linear-gradient(180deg,rgba(0, 0, 0, 1) 31%, rgba(255, 0, 0, 1) 88%); + } .fancy-button { @@ -37,12 +36,30 @@ background: linear-gradient(180deg,rgba(0, 0, 0, 1) 31%, rgba(255, 0, 0, 1) 88%) box-shadow: 0 10px 20px rgba(67, 56, 202, 0.4); transform: translateY(-2px); } + .btn { + background-color: white; + color: red; + padding: 1rem 2.5rem; + font-size: 1.2rem; + font-weight: bold; + border: none; + border-radius: 50px; + cursor: pointer; + text-decoration: none; + box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3); + transition: transform 0.3s ease, background-color 0.3s ease; + } + + .btn:hover { + transform: scale(1.05); + background-color: #ffe6e6; + } </style> </head> <body> <div class="center-container"> - <button class="fancy-button" onclick="startCountdown(this)"> + <button class="fancy-button btn" onclick="startCountdown(this)"> 🎉 Congratulations </button> </div> |