From dbc53a555e64fdd0b848bf33b4208820b8701509 Mon Sep 17 00:00:00 2001 From: Parker Date: Wed, 13 Nov 2024 22:45:57 -0600 Subject: Update UI --- app/src/styles/Auth.module.css | 83 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 83 insertions(+) create mode 100644 app/src/styles/Auth.module.css (limited to 'app/src/styles/Auth.module.css') diff --git a/app/src/styles/Auth.module.css b/app/src/styles/Auth.module.css new file mode 100644 index 0000000..7e1d3e3 --- /dev/null +++ b/app/src/styles/Auth.module.css @@ -0,0 +1,83 @@ +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; +} + +h1 { + 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); +} + +.errorVisible { + visibility: visible; + color: #ee6161; +} + +.errorHidden { + visibility: hidden; + color: #ee6161; +} + +.footnoteLink { + text-decoration: underline; + color: #ccc; +} + +.footnoteLink:hover { + text-decoration: none; + color: #415eac; +} + +.footnote { + color: #606468; +} \ No newline at end of file -- cgit v1.2.3-70-g09d2