diff --git a/login/index.html b/login/index.html new file mode 100644 index 0000000..3e1e0ec --- /dev/null +++ b/login/index.html @@ -0,0 +1,69 @@ + + + + + + monotreme.org + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

Save the monotremes

+
+ Home + About + Blog + Contact +
+

Quick Links

+ + 		+

Login to monotreme.org

+ + + + echidna + platypus +
+

© 2024 monotreme.org

+
+ + \ No newline at end of file diff --git a/styles.css b/styles.css index 465159f..efdb077 100644 --- a/styles.css +++ b/styles.css @@ -66,7 +66,7 @@ body { .sidebar a { text-decoration: none; - color: #4682b4; + color: #4682b4; /* Steel blue */ } .sidebar a:hover { @@ -78,9 +78,38 @@ body { width: 600px; vertical-align: top; } - + + .login { + width: 200px; + margin: 0 auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + padding: 20px; + background-color: #eeeeee; + /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */ + } + + .login form { + display: flex; + flex-direction: column; + width: 100%; + align-items: center; + } + + .login label, + .login input { + margin: 5px 0; + width: 100%; + } + + input[type="submit"] { + width: auto; + padding: 5px 10px; +} h2 { - color: #ff6347; /* Tomato */ + color: #ff6347; /* Tomato color */ } /* Footer styling */ @@ -94,6 +123,7 @@ body { .footer p { margin: 0; } + /* Contact Section Styling */ .contact { text-align: left;