diff --git a/assets/background.png b/assets/background.png new file mode 100644 index 0000000..8f6c88f Binary files /dev/null and b/assets/background.png differ diff --git a/assets/styles.css b/assets/styles.css index 4090ffa..a0f9d8c 100644 --- a/assets/styles.css +++ b/assets/styles.css @@ -6,25 +6,37 @@ } body { - margin: 20px 0 0 0; + margin: 0; + min-height: 100vh; + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: center; font-family: 'ConsolasBold', 'consolas'; font: 14px 'ConsolasBold'; color: #fff; + background-color: #080808; + background: url('background.png') center/cover fixed no-repeat; text-align: center; - background-color: #111111; - display: flex; - flex-direction: column; - align-items: center; } main { - border: thick double; + margin-top: 20px; + border-radius: 15px; + background-color: rgb(1,1,1,0.3); padding: 20px; width: 800px; max-width: 100%; box-sizing: border-box; } +.down { + border-radius: 15px; + background-color: rgb(1,1,1,0.3); + padding: 10px; + margin-bottom: 20px; +} + a { color: #949494; text-decoration: none; @@ -59,12 +71,12 @@ a:hover { width: 40%; resize: none; color: white; - background-color: #1d1d1d; + background-color: rgb(29,29,29,0.1); } @media (max-width: 800px) { body { gap: 15px; padding: 0 10px; } - main { padding: 15px; width: auto; max-width: 100%; } + main { padding: 15px; } h1 { font-size: 1.5rem; } h2, h3 { font-size: 1.1rem; margin: 12px 0; } .info { display: block; } diff --git a/catmpeg88.png b/catmpeg88.png index 5d63fab..6bb6bb4 100644 Binary files a/catmpeg88.png and b/catmpeg88.png differ diff --git a/index.html b/index.html index cd1a521..ccb0d0b 100644 --- a/index.html +++ b/index.html @@ -17,6 +17,7 @@
+
+