html {
background-image: url('/images/WSBackground.png') !important;
background-size: cover !important;
background-attachment: fixed !important;
background-position: center !important;
}
/* Dark mode — JS toggle adds .dark to */
html.dark {
background-image: url('/images/WSBackground-dark.png') !important;
}
/* Dark mode — system preference fallback (when no manual toggle has been used) */
@media (prefers-color-scheme: dark) {
html:not(.light) {
background-image: url('/images/WSBackground-dark.png') !important;
}
}
html.dark body {
background-color: transparent !important;
}
body {
background-color: transparent !important;
background-image: none !important;
}
#content {
background: transparent !important;
background-color: transparent !important;
}
#minorprojects .card {
background-color: #f7f7f7be !important;
}
html.dark #minorprojects .card {
background-color: #2d2d2d !important;
}
html.dark #minorprojects .badge {
background-color: #000000;
color: #ffffff;
}
#minorprojects .badge {
background-color: #ffffff;
color: #000000;
}
html.dark #minorprojects .btn {
color: #ffffff;
border-color: #ffffff;
}
#list-page .card-img-top {
height: 200px;
object-fit: cover;
}
#list-page .card-header img {
height: 200px;
object-fit: cover;
}
#list-page .card {
height: 200px;
}
#list-page img {
height: 200px;
object-fit: cover;
width: 100%;
}
/* .single-page img {
max-width: 500px;
max-height: 500px;
width: 100%;
height: 100%;
} */
#about .content {
text-align: center;
}