diff --git a/styles.css b/styles.css index c778131..c50a556 100644 --- a/styles.css +++ b/styles.css @@ -3,6 +3,7 @@ padding: 0; box-sizing: border-box; } + body { min-height: 100vh; background: #1a1a1a; @@ -10,102 +11,32 @@ body { color: #e0e0e0; padding: 20px; line-height: 1.6; - text-shadow: 0 0 5px rgba(224, 224, 224, 0.2); + text-shadow: 0 0 5px rgba(224, 224, 224, 0.3); } -h1, -h2, -h3, -h4, -h5, -h6 { + +h1, h2, h3, h4, h5, h6 { color: #00a4dc; - margin: 20px 0 10px; text-shadow: 0 0 8px rgba(0, 164, 220, 0.4); } -h1 { - font-size: 28px; - border-bottom: 1px solid #333; - padding-bottom: 10px; -} -h2 { - font-size: 22px; -} -h3 { - font-size: 18px; -} -p { - margin: 10px 0; -} + +h1 { font-size: 28px; border-bottom: 1px solid #333; padding-bottom: 10px; margin: 20px 0 10px; } +h2 { font-size: 22px; } +h3 { font-size: 18px; } + +p, ul, li { margin: 10px 0; } +ul { margin-left: 20px; } +li { margin: 5px 0; } + a { color: #888; text-decoration: none; transition: all 0.2s ease; + text-shadow: 0 0 5px rgba(224, 224, 224, 0.3); } + a:hover { color: #e0e0e0; text-shadow: 0 0 10px rgba(224, 224, 224, 0.5); } -code { - background: #0a0a0a; - padding: 2px 6px; - border: 1px solid #333; - font-size: 13px; - box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -} -pre { - background: #0a0a0a; - border: 1px solid #333; - padding: 15px; - overflow-x: auto; - margin: 15px 0; - box-shadow: 0 0 10px rgba(0, 164, 220, 0.1); -} -pre code { - background: none; - border: none; - padding: 0; - box-shadow: none; -} -blockquote { - border-left: 3px solid #333; - padding-left: 15px; - color: #888; - margin: 15px 0; -} -ul, -ol { - margin: 10px 0 10px 20px; -} -li { - margin: 5px 0; -} -hr { - border: none; - border-top: 1px solid #333; - margin: 20px 0; -} -img { - max-width: 100%; - height: auto; - border: 1px solid #333; - margin: 10px 0; - box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); -} -table { - border-collapse: collapse; - width: 100%; - margin: 15px 0; -} -th, -td { - border: 1px solid #333; - padding: 8px 12px; - text-align: left; -} -th { - background: #222; - color: #00a4dc; -} -tr:nth-child(even) { - background: #111; -} + +hr { border: none; border-top: 1px solid #333; margin: 20px 0; }