god i am done with this program

static/error.css

@@ -0,0 +1,47 @@
+/* error.css */
+body {
+    font-family: Arial, sans-serif;
+    background-color: #f8d7da;
+    color: #721c24;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100vh;
+}
+
+.error-container {
+    background-color: #f5c6cb;
+    padding: 20px 40px;
+    border: 1px solid #f1b0b7;
+    border-radius: 8px;
+    text-align: center;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+}
+
+h1 {
+    font-size: 2em;
+    margin: 0 0 10px 0;
+}
+
+p {
+    font-size: 1.2em;
+    margin: 10px 0;
+}
+
+a {
+    color: #721c24;
+    text-decoration: none;
+    font-weight: bold;
+    background-color: #f1b0b7;
+    padding: 8px 15px;
+    border-radius: 5px;
+    display: inline-block;
+    margin-top: 10px;
+}
+
+a:hover {
+    background-color: #f8d7da;
+}
+

static/index.css

@@ -0,0 +1,85 @@
+/* static/index.css */
+body {
+    background-color: #f0f4f8;
+    font-family: Arial, sans-serif;
+    color: #333;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+    text-align: center;
+}
+
+.container {
+    background-color: #ffffff;
+    padding: 30px 40px;
+    border-radius: 8px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+    max-width: 500px;
+    width: 100%;
+}
+
+h1 {
+    color: #007acc;
+    margin-bottom: 20px;
+}
+
+h2 {
+    color: #333;
+    margin: 15px 0;
+    font-size: 1.2em;
+}
+
+form {
+    margin: 15px 0;
+}
+
+input[type="text"], input[type="file"] {
+    padding: 8px;
+    border: 1px solid #ddd;
+    border-radius: 4px;
+    width: 100%;
+    box-sizing: border-box;
+    margin-bottom: 10px;
+}
+
+button {
+    background-color: #007acc;
+    color: #fff;
+    border: none;
+    padding: 10px 15px;
+    border-radius: 4px;
+    cursor: pointer;
+    transition: background-color 0.3s ease;
+}
+
+button:hover {
+    background-color: #005f99;
+}
+
+button:active {
+    background-color: #004e7a;
+}
+
+button:focus {
+    outline: none;
+    box-shadow: 0 0 5px #007acc;
+}
+
+#linkForm, #fileForm {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+#linkForm input[type="text"], #fileForm input[type="file"] {
+    width: 80%;
+    margin-bottom: 10px;
+}
+
+.view-btn {
+    margin-top: 20px;
+    display: inline-block;
+}

static/lockout.css

@@ -0,0 +1,55 @@
+/* static/lockout.css */
+body {
+    background-color: #f8d7da;
+    font-family: Arial, sans-serif;
+    color: #721c24;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+    text-align: center;
+}
+
+.container {
+    background-color: #ffffff;
+    padding: 30px 40px;
+    border: 2px solid #f5c6cb;
+    border-radius: 8px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+    max-width: 600px;
+    width: 100%;
+}
+
+h1 {
+    color: #721c24;
+    margin-bottom: 20px;
+}
+
+p {
+    color: #856404;
+    background-color: #fff3cd;
+    border: 1px solid #ffeeba;
+    padding: 10px;
+    border-radius: 4px;
+}
+
+.contact {
+    margin-top: 20px;
+    color: #004085;
+    background-color: #cce5ff;
+    border: 1px solid #b8daff;
+    padding: 10px;
+    border-radius: 4px;
+}
+
+.contact a {
+    color: #004085;
+    text-decoration: none;
+    font-weight: bold;
+}
+
+.contact a:hover {
+    text-decoration: underline;
+}

static/login.css

@@ -1,6 +1,10 @@
 /* Centering the login container */
 body {
-    background-color: #f0f0f0; /* Light grey background for the whole page */
+    background-image: url('/static/eye.jpeg');
+    background-size: cover; /* Ensures the image covers the entire background */
+    background-position: center; /* Centers the image */
+    background-repeat: no-repeat; /* Prevents the background from repeating */
+    background-color: #f0f0f0; /* Fallback color if the image doesn't load */
     display: flex;
     justify-content: center;
     align-items: center;

static/uploads.css

@@ -0,0 +1,102 @@
+/* static/uploads.css */
+body {
+    background-color: #f0f4f8;
+    font-family: Arial, sans-serif;
+    color: #333;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100%;
+    text-align: center;
+}
+
+.container {
+    background-color: #ffffff;
+    padding: 30px 40px;
+    border-radius: 8px;
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+    max-width: 700px;
+    width: 100%;
+}
+
+h1 {
+    color: #007acc;
+    margin-bottom: 20px;
+}
+
+h2 {
+    color: #333;
+    margin: 15px 0;
+    font-size: 1.2em;
+    border-bottom: 2px solid #007acc;
+    display: inline-block;
+    padding-bottom: 5px;
+}
+
+ul {
+    list-style-type: none;
+    padding: 0;
+}
+
+li {
+    padding: 10px;
+    margin: 5px 0;
+    border: 1px solid #ddd;
+    border-radius: 4px;
+    background-color: #f9f9f9;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+li:nth-child(odd) {
+    background-color: #eef3f7;
+}
+
+button {
+    background-color: #007acc;
+    color: #fff;
+    border: none;
+    padding: 5px 10px;
+    border-radius: 4px;
+    cursor: pointer;
+    transition: background-color 0.3s ease;
+    margin-left: 5px;
+}
+
+button:hover {
+    background-color: #005f99;
+}
+
+button:focus {
+    outline: none;
+    box-shadow: 0 0 5px #007acc;
+}
+
+a {
+    color: #007acc;
+    text-decoration: none;
+    transition: color 0.3s ease;
+}
+
+a:hover {
+    color: #005f99;
+}
+
+.back-link {
+    display: inline-block;
+    margin-top: 20px;
+    background-color: #007acc;
+    color: #fff;
+    padding: 10px 20px;
+    text-decoration: none;
+    border-radius: 4px;
+    transition: background-color 0.3s ease;
+}
+
+.back-link:hover {
+    background-color: #005f99;
+}
+