From 691aa744a0398f185b3ca98a36fbd83806c7786c Mon Sep 17 00:00:00 2001 From: Parker Date: Sun, 10 Nov 2024 16:36:16 -0600 Subject: TOO MUCH STUFF --- app/src/styles/Login.module.css | 87 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 87 insertions(+) create mode 100644 app/src/styles/Login.module.css (limited to 'app/src/styles/Login.module.css') diff --git a/app/src/styles/Login.module.css b/app/src/styles/Login.module.css new file mode 100644 index 0000000..b2bcddf --- /dev/null +++ b/app/src/styles/Login.module.css @@ -0,0 +1,87 @@ +body { + margin: 0; + padding: 0; + font-family: Arial, sans-serif; + background-color: #2c3338; +} + +#container { + font-size: 17px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + text-align: center; +} + +#loginText, +#signupText { + color: #ccc; + font-size: 30px; + font-weight: 600; + border: 2px solid #606468; + padding: 10px; + border-radius: 5px; + margin: 0 auto; +} + +input { + display: block; + margin: 10px auto; + width: 300px; + border-radius: 5px; + padding: 15px; + color: #ccc; + background-color: #3b4148; + border: none; + font-size: 17px; +} + +button { + display: block; + margin: 10px auto; + width: 100%; + border-radius: 5px; + padding: 15px; + color: #ccc; + background-color: #415eac; + border: none; + font-size: 17px; + cursor: pointer; + transition: background-color 0.2s ease, transform 0.3s ease; +} + +button:hover { + background-color: #2e4781; +} + +button:active { + transform: scale(0.95); +} + +#error { + color: #ee6161; +} + +.link { + text-decoration: underline; + color: #ccc; + +} + +.link:hover { + text-decoration: none; + color: #415eac; +} + +#bottomText { + color: #606468; +} + +.visible { + visibility: visible; +} + +.hidden { + visibility: hidden; +} \ No newline at end of file -- cgit v1.2.3-70-g09d2