mirror of https://github.com/antenna2/cebik.git
50 lines
1.3 KiB
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 */
|
|
}
|
|
}
|