diff options
| author | sillylaird <sillylaird@fastmail.ca> | 2026-02-03 21:27:57 -0500 |
|---|---|---|
| committer | sillylaird <sillylaird@fastmail.ca> | 2026-02-03 21:27:57 -0500 |
| commit | 720d752748b793a2f5cf3cc14cb75ad86e8919c0 (patch) | |
| tree | 29120103307cb17e7d6c283cc198ec2484f934cd /accounts/styles.css | |
First commit
Diffstat (limited to 'accounts/styles.css')
| -rw-r--r-- | accounts/styles.css | 66 |
1 files changed, 66 insertions, 0 deletions
diff --git a/accounts/styles.css b/accounts/styles.css new file mode 100644 index 0000000..4691898 --- /dev/null +++ b/accounts/styles.css @@ -0,0 +1,66 @@ +body {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 100vh;
+ margin: 0;
+ font-family: Arial, sans-serif;
+ background-color: #ffd; /* Dark background */
+}
+
+.container {
+ text-align: center;
+ background-color: #ffd; /* Maintain background color as before */
+ padding: 40px; /* Increased padding makes the box bigger */
+ border-radius: 8px;
+ width: 700px; /* Set an explicit width to enlarge container */
+ max-width: 90%; /* Make it responsive on smaller screens */
+ box-shadow: 0 4px 15px rgba(0, 0, 0, 1); /* Pure black shadow, more defined */
+}
+
+.circle-image-link {
+ margin-bottom: 20px;
+}
+
+.circle-link img {
+ display: inline-block;
+ width: 100px;
+ height: 100px;
+ border-radius: 50%;
+ transition: transform 0.3s;
+}
+
+.circle-link:hover img {
+ transform: scale(1.1);
+}
+
+header h1 {
+ margin: 0;
+ font-size: 24px;
+ color: black; /* White heading color */
+}
+
+header p {
+ margin: 5px 0 20px;
+ color: black; /* White text color */
+}
+
+.links {
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+}
+
+.links .link {
+ display: inline-block;
+ padding: 5px 10px;
+ border: 2px solid transparent; /* Ensure border space is reserved */
+ transition: border-color 0.3s ease;
+ color: black; /* Set text color to black explicitly here */
+}
+
+
+.links .link:hover {
+ border-color: red; /* Red border highlight on hover */
+}
+
|