From 1db9c17e4c21bdcd2041ed20d4eccda66393518a Mon Sep 17 00:00:00 2001 From: tekofx Date: Thu, 17 Oct 2024 14:33:26 +0200 Subject: [PATCH] Moved styles to styles.css --- src/index.html | 47 +---------------------------------------------- src/styles.css | 43 +++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 44 insertions(+), 46 deletions(-) create mode 100644 src/styles.css diff --git a/src/index.html b/src/index.html index 1813a86..08e939f 100644 --- a/src/index.html +++ b/src/index.html @@ -5,52 +5,7 @@ Personal Links - - +

DavKiller

diff --git a/src/styles.css b/src/styles.css new file mode 100644 index 0000000..143ee4f --- /dev/null +++ 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; +} \ No newline at end of file