diff --git a/styles.css b/styles.css
deleted file mode 100644
index 7677958..0000000
--- a/styles.css
+++ /dev/null
@@ -1,112 +0,0 @@
-body {
-    font-family: 'Times New Roman', Times, serif;
-    background-color: #f4f4f4;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    margin: 0;
-}
-
-.container {
-    text-align: center;
-    background: url('parchment.jpg') no-repeat center center/cover;
-    padding: 20px;
-    border-radius: 10px;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
-    width: 80%;
-    max-width: 800px;
-    margin-top: 20px;
-}
-
-h1 {
-    color: #6b4226;
-}
-
-button {
-    padding: 10px 20px;
-    font-size: 16px;
-    margin-top: 20px;
-    cursor: pointer;
-    background-color: #6b4226;
-    color: white;
-    border: none;
-    border-radius: 5px;
-}
-
-select {
-    padding: 10px;
-    font-size: 16px;
-    margin-top: 20px;
-    border: 1px solid #6b4226;
-    border-radius: 5px;
-}
-
-.card-container {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-around;
-    margin-top: 20px;
-    visibility: hidden;
-}
-
-.card {
-    background: url('parchment.jpg') no-repeat center center/cover;
-    padding: 15px;
-    width: 150px;
-    height: 150px;
-    border: 1px solid #6b4226;
-    border-radius: 10px;
-    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    text-align: center;
-    color: #6b4226;
-    font-size: 14px;
-    cursor: pointer; /* Indicate clickability */
-}
-
-.character-card {
-    background-color: #ffdddd;
-}
-
-.goal-card {
-    background-color: #ddffdd;
-}
-
-.location-card {
-    background-color: #ddddff;
-}
-
-.obstacle-card {
-    background-color: #ffffdd;
-}
-
-.twist-card {
-    background-color: #ffddff;
-}
-
-.about {
-    text-align: left;
-    background: white;
-    padding: 20px;
-    border-radius: 10px;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
-    width: 80%;
-    max-width: 800px;
-    margin-top: 20px;
-    color: #6b4226;
-}
-
-.about h2, .about h3 {
-    color: #6b4226;
-}
-
-.about ul {
-    list-style-type: none;
-    padding: 0;
-}
-
-.about li {
-    margin-bottom: 10px;
-}