From 195beff56f7d890121b168ee81a20ddefa84cf1e Mon Sep 17 00:00:00 2001 From: Moon <108756201+LifeAdventurer@users.noreply.github.com> Date: Fri, 3 Nov 2023 16:29:18 +0800 Subject: [PATCH] Add files via upload --- luck_generator/styles.css | 55 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 55 insertions(+) create mode 100644 luck_generator/styles.css diff --git a/luck_generator/styles.css b/luck_generator/styles.css new file mode 100644 index 0000000..0a88644 --- /dev/null +++ b/luck_generator/styles.css @@ -0,0 +1,55 @@ +* { + overflow: hidden; + text-align: center; +} + +:root { + --button-color: #9DC4FF; + --button-hover-color: #5ca8f3; + --white: #FFFFFF; +} + +body { + margin: 0; + padding: 0; + height: 100%; + align-items: center; + justify-content: center; +} + +.container { + top: 20%; + left: 20%; + width: 80%; + max-width: 800px; + position: absolute; + z-index: 1; + text-align: center; + background-color: var(--white); + border-radius: 30px; + padding: 50px; +} + +.generate-result { + font-size: 24px; + margin-bottom: 30px; +} + +button { + background-color: var(--button-color); + color: var(--white); + font-size: 20px; + border: none; + padding: 20px 20px; + border-radius: 30px; + cursor: pointer; + transition: all 0.3s ease-in-out; +} + +button:hover { + background-color: var(--button-hover-color); +} + +#Matrix { + z-index: 0; +} \ No newline at end of file