diff --git a/Static/styles.css b/Static/styles.css
deleted file mode 100644
index 2458b93..0000000
--- a/Static/styles.css
+++ /dev/null
@@ -1,177 +0,0 @@
-/* Existing styles */
-body {
-    font-family: Arial, sans-serif;
-    margin: 0;
-    padding: 0;
-}
-
-header {
-    background-color: #333;
-    color: white;
-    padding: 10px;
-    text-align: center;
-}
-
-header nav {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    gap: 15px;
-}
-
-header nav a {
-    color: white;
-    text-decoration: none;
-    padding: 8px 15px;
-    display: inline-block;
-}
-
-header nav a:hover {
-    background-color: #555;
-    text-decoration: underline;
-}
-
-/* Dropdown styles */
-.dropdown {
-    position: relative;
-    display: inline-block;
-}
-
-.dropdown-content {
-    display: none;
-    position: absolute;
-    background-color: #333;
-    min-width: 150px;
-    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
-    z-index: 1;
-}
-
-.dropdown-content a {
-    color: white;
-    padding: 8px 15px;
-    text-decoration: none;
-    display: block;
-    text-align: left;
-}
-
-.dropdown-content a:hover {
-    background-color: #555;
-}
-
-.dropdown:hover .dropdown-content {
-    display: block;
-}
-
-/* Main content styles */
-main {
-    padding: 20px;
-}
-
-/* Main content centered and 60% width */
-.main-content {
-    width: 60%;
-    margin: 0 auto; /* Centers the content horizontally */
-    padding: 20px; /* Optional: Adds some padding inside the content */
-    text-align: center; /* Centers the text inside the container */
-}
-
-ul {
-    list-style-type: none;
-    padding: 0;
-}
-
-ul li {
-    margin: 5px 0;
-}
-
-ul li a {
-    color: #007bff;
-    text-decoration: none;
-}
-
-ul li a:hover {
-    text-decoration: underline;
-}
-
-h1, h2 {
-    color: #333;
-}
-
-pre {
-    background-color: #f4f4f4;
-    padding: 10px;
-    border: 1px solid #ddd;
-    overflow-x: auto;
-}
-
-.tip {
-    background-color: #f1f9ff;
-    border-left: 4px solid #007bff;
-    margin: 20px auto;
-    padding: 10px;
-    font-style: italic;
-    color: #333;
-    max-width: 800px;
-    width: 90%;
-    border-radius: 4px;
-    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
-    text-align: center;
-}
-
-/* Center container */
-.center-container {
-    text-align: center;
-    margin: 0 auto;
-    max-width: 800px;
-    padding: 20px;
-}
-
-/* ASCII art styles */
-.ascii-art.no-background {
-    background-color: transparent;
-    border: none;
-    padding: 0;
-    margin-bottom: 20px;
-    color: #333;
-    white-space: pre-wrap;
-    text-align: center;
-}
-
-.ascii-image {
-    display: block;
-    margin: 20px auto;
-    max-width: 100%;
-    height: auto;
-    border-radius: 10px;
-    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
-}
-
-/* Styled buttons */
-.link-container {
-    display: flex;
-    justify-content: center;
-    gap: 20px;
-    margin-top: 20px;
-}
-
-.link-button {
-    display: inline-block;
-    padding: 10px 20px;
-    text-decoration: none;
-    color: #ffffff;
-    background-color: #007bff;
-    border-radius: 5px;
-    font-size: 16px;
-    transition: background-color 0.3s ease, box-shadow 0.3s ease;
-    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
-}
-
-.link-button:hover {
-    background-color: #0056b3;
-    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
-}
-
-.link-button:active {
-    background-color: #003f7f;
-    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
-}