Files
ZanePersonal/style.css
Zane V 27bf3db4a7 Enhance footer and links section in index.html and links.html
- Updated footer images in index.html with new sources for better visuals.
- Added a new "Cool Links" section in links.html, featuring descriptions for three recommended websites.
- Improved CSS for footer and body layout, including a new background image and styling for list markers.
2026-02-20 13:55:04 -10:00

89 lines
1.3 KiB
CSS

body {
background-color: #101010;
background-image: url("checkered.png");
background-repeat: repeat;
display: flex;
flex-direction: column;
align-items: center;
}
header {
color: #fff;
padding: 20px;
text-align: center;
}
.content {
color: #fff;
padding: 20px;
text-align: center;
max-width: 900px;
}
footer {
max-width: 900px;
align-items: center;
justify-content: center;
}
span {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
img {
height: 100px;
image-rendering: pixelated;
}
.logo {
height: 150px;
width: auto;
}
p {
color: #fff;
}
h1 {
color: #fff;
}
h2 {
color: #fff;
}
h3 {
color: #fff;
}
.eeto {
height: 31px;
width: auto;
image-rendering: pixelated;
}
a {
color: #5f95ff;
text-decoration: none;
}
.why-are-you-looking-at-my-code {
height: 62px;
width: auto;
image-rendering: pixelated;
margin: 1px;
display: inline;
}
.song-cover {
height: 200px;
width: auto;
}
.mini-text {
color: #fff;
font-size: 12px;
font-style: italic;
text-align: center;
}
.music audio {
width: auto;
height: auto;
align-items: center;
justify-content: center;
}
ul li::marker {
color: white; /* Or any other color value (e.g., hex code, RGB) */
}