summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorakshay2025-04-11 13:43:13 +0530
committerGitHub2025-04-11 13:43:13 +0530
commit30dc1355c86c2ee367f556167863f04bbd0a6ecc (patch)
tree56380d34728142ccb31ca975114addb4b66e1ffc
parent9f3cd15c8f6011c8beee96f7817708cd042d5b41 (diff)
downloadscilab_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.astro29
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>