From 6c7516696ae789579ed247b964e43de5f755389f Mon Sep 17 00:00:00 2001 From: N11KK11 <93625388+N11KK11@users.noreply.github.com> Date: Mon, 6 Jun 2022 02:06:24 +0100 Subject: [PATCH 1/4] Update index.html --- index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index 219832bf..0ace1068 100644 --- a/index.html +++ b/index.html @@ -12,9 +12,9 @@
-

Welcome to your website!

+

Random Number Generator

- \ No newline at end of file + From 1bbd995ac3e2f33fff47ec2e0cf9d4580cf5e5f1 Mon Sep 17 00:00:00 2001 From: N11KK11 <93625388+N11KK11@users.noreply.github.com> Date: Fri, 10 Jun 2022 20:06:29 +0100 Subject: [PATCH 2/4] Update index.html --- index.html | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/index.html b/index.html index 0ace1068..2b1e07cc 100644 --- a/index.html +++ b/index.html @@ -13,6 +13,18 @@

Random Number Generator

+
+ + +
+
From 7840b2cc1cdb2232b2adf164e7a9f0f8340684af Mon Sep 17 00:00:00 2001 From: N11KK11 <93625388+N11KK11@users.noreply.github.com> Date: Fri, 10 Jun 2022 20:10:18 +0100 Subject: [PATCH 3/4] Update index.html button --- index.html | 3 +++ 1 file changed, 3 insertions(+) diff --git a/index.html b/index.html index 2b1e07cc..dc8eded0 100644 --- a/index.html +++ b/index.html @@ -24,6 +24,9 @@

Random Number Generator

+
+ +
From 3c68025ad1e998af232560cc296f85367f15af0e Mon Sep 17 00:00:00 2001 From: N11KK11 <93625388+N11KK11@users.noreply.github.com> Date: Fri, 10 Jun 2022 20:10:54 +0100 Subject: [PATCH 4/4] Update style.css --- style.css | 53 ++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 52 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index afc46f0c..67a66d41 100644 --- a/style.css +++ b/style.css @@ -37,4 +37,55 @@ body { .button:active { border: 5px solid #ffd300; -} \ No newline at end of file +} + +/* Random Number */ + + +#numGen { + + width: 220px; + padding: 50px; + margin: auto; + border: 2px solid var(--color-hyper-500); + background: var(--color-800); + border-radius: 12px; + text-align: center; + font-weight: bold; + font-size:4em; + font-family: 'Rubik', sans-serif; + +} + +#But { + + display: block; + width: 100%; + padding: 15px 0; + margin: 30px 0 50px 0; + border-radius: 5px; + text-align: center; + +} + +#Generate { + border: 1px solid var(--color-paleBlue); + width: 25%; + padding:10px; + + font-size: 14px; + border-radius: 12px; + background-color: var(--color-hyper-500); + cursor: pointer; + color: #66C4FF; + font-family: 'Rubik', sans-serif; + font-size: 18px; + +} + +#Generate:hover { + transform: scale(1.15); + background-color: #66C4FF; + color: var(--color-hyper-500); + border: 1px solid var(--color-hyper-500); +}