Moved styles to styles.css

DavKiller · Oct 17, 2024 · 1db9c17 · 1db9c17
1 parent 6741069
commit 1db9c17
Show file tree

Hide file tree

Showing 2 changed files with 44 additions and 46 deletions.
diff --git a/src/index.html b/src/index.html
@@ -5,52 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" integrity="sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
 
     <title>Personal Links</title>
-    <style>
-        body {
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            justify-content: center;
-            min-height: 100vh;
-            font-family: sans-serif;            
-            margin: 0;
-            background-color: #181818; /* Color de fondo oscuro */
-        }
-
-        .container {
-            background-color: #282828; /* Color de fondo del contenedor */
-            padding: 30px;
-            border-radius: 8px;
-            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
-            width: 350px;
-            text-align: center;
-        }
-
-        h1 {
-            color: #ffffff; /* Color del texto */
-            margin-bottom: 20px;
-        }
-         h2 {
-            color: #ffffff; /* Color del texto */
-            margin-bottom: 20px;
-        }
-        .link-button {
-            display: block;
-            width: 100%;
-            padding: 15px;
-            margin-bottom: 10px;
-            background-color: #4CAF50;
-            color: #ffffff; /* Color del texto de los botones */
-            text-decoration: none;
-            border-radius: 5px;
-            transition: background-color 0.3s;
-        }
-
-        .link-button:hover {
-            background-color: #45a049;
-        }
-    </style>
-</head>
+    <link rel="stylesheet" href="styles.css">
 <body>
     <div class="container">
         <h1>DavKiller</h1>

diff --git a/src/styles.css b/src/styles.css
@@ -0,0 +1,43 @@
+body {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    min-height: 100vh;
+    font-family: sans-serif;
+    margin: 0;
+    background-color: #181818; /* Color de fondo oscuro */
+}
+
+.container {
+    background-color: #282828; /* Color de fondo del contenedor */
+    padding: 30px;
+    border-radius: 8px;
+    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+    width: 350px;
+    text-align: center;
+}
+
+h1 {
+    color: #ffffff; /* Color del texto */
+    margin-bottom: 20px;
+}
+h2 {
+    color: #ffffff; /* Color del texto */
+    margin-bottom: 20px;
+}
+.link-button {
+    display: block;
+    width: 100%;
+    padding: 15px;
+    margin-bottom: 10px;
+    background-color: #4CAF50;
+    color: #ffffff; /* Color del texto de los botones */
+    text-decoration: none;
+    border-radius: 5px;
+    transition: background-color 0.3s;
+}
+
+.link-button:hover {
+    background-color: #45a049;
+}