cebik/styles.css

50 lines
1.3 KiB
CSS

/* styles.css */
body {
font-family: Verdana, sans-serif;
margin: 0;
padding: 0;
background-color: #f2f2f2; /* Background color for the body */
}
.container {
max-width: 925px;
margin: 0 auto; /* Center the container horizontally */
padding: 20px; /* Optional padding inside the container */
background-color: #fff; /* Optional container background color */
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Optional box shadow */
margin-bottom: 15px; /* Add margin to the bottom of the container */
}
/* Heading h2 tags updated to h1 for SEO, style h1 as h2 (https://www.w3schools.com/tags/tag_hn.asp) */
h1 {
font-size: 1.5em;
margin-top: 0.83em;
margin-bottom: 0.83em;
}
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
border-bottom: 1.5px solid #909090; /* Add a thin horizontal line under headings */
padding-bottom: 5px; /* Optional spacing between headings and the line */
}
ul {
margin-top: 5px; /* Optional spacing above the list */
}
li {
margin-bottom: 5px; /* Add space between each list item */
}
@media (max-width: 600px) {
/* Adjust styles for smaller screens */
.container {
padding: 10px; /* Reduce padding on smaller screens */
}
h1, h2, h3 {
font-size: 1.5em; /* Adjust heading font size for smaller screens */
}
}