diff --git a/style.css b/style.css index 7baedb9..f7c2800 100644 --- a/style.css +++ b/style.css @@ -1,23 +1,42 @@ -body { - font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; - color: #cfd8dc; /* Light grey text color for dark mode */ - background-color: #121212; /* Dark background color for dark mode */ +/* Reset default browser styles */ +html, body, h1, h2, p, ul, li, a { + margin: 0; + padding: 0; + font-family: Arial, sans-serif; + color: white; /* Set default text color to white */ } -h1, h2, h3, h4, h5, h6 { - color: #4caf50; /* Dark green color for headings */ +/* Apply black background */ +body { + padding: 20px; + text-align: center; + background-color: black; } -ul { - list-style-type: disc; /* Use bullet points for lists */ +/* Style the headings */ +h1 { + font-size: 36px; + font-weight: bold; + margin-bottom: 20px; + color: #00FF00; /* Green color for h1 */ } -a { - color: #4caf50; /* Green color for links */ - text-decoration: none; /* Remove underline from links */ +h2 { + font-size: 24px; + font-weight: bold; + margin-top: 40px; + margin-bottom: 10px; + color: #00FF00; /* Green color for h2 */ } -@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap'); -body { - font-family: 'Roboto', sans-serif; +/* Style the paragraphs */ +p { + font-size: 18px; + line-height: 1.6; + margin-bottom: 20px; } + +/* Style the unordered list */ +ul { + list-style-type: none; +