From ac5d3e6abc054c8a3e2a7d8ef591dd74244ecf6a Mon Sep 17 00:00:00 2001 From: archos Date: Fri, 26 Jul 2024 20:26:37 +0200 Subject: [PATCH] =?UTF-8?q?p=C5=99id=C3=A1ny=20styly=20css?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- style/main.css | 62 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 62 insertions(+) create mode 100644 style/main.css diff --git a/style/main.css b/style/main.css new file mode 100644 index 0000000..ae2e09a --- /dev/null +++ b/style/main.css @@ -0,0 +1,62 @@ +:root { + --primary-color: #333; + --secondary-color: #555; + --background-color: #f9f9f9; + --button-color: #007bff; + --button-hover-color: #0056b3; + --header-background: #007bff; + --header-color: #fff; +} + +body { + font-family: 'Montserrat', sans-serif; + margin: 0; + padding: 0; + background-color: var(--background-color); + color: var(--primary-color); +} + +.page-header { + background-color: var(--header-background); + color: var(--header-color); + padding: 1rem; + text-align: center; +} + +.page-header h1 { + margin: 0; + font-size: 2.5rem; +} + +.page-header nav { + margin-top: 1rem; +} + +.page-header .btn { + color: var(--header-color); + background-color: var(--button-color); + padding: 0.5rem 1rem; + margin: 0.5rem; + text-decoration: none; + border-radius: 0.3rem; + transition: background-color 0.3s; +} + +.page-header .btn:hover { + background-color: var(--button-hover-color); +} + +.main-content { + padding: 2rem; + text-align: center; +} + +.site-footer { + background-color: var(--header-background); + color: var(--header-color); + text-align: center; + padding: 1rem; + position: fixed; + bottom: 0; + width: 100%; +}