42 lines
864 B
CSS
42 lines
864 B
CSS
/* project4Style.css — Graph Theory: Flat Buffer
|
|
Deep indigo / data-structures feel */
|
|
@import "projectDetailStyle.css";
|
|
|
|
.project-hero .hero-overlay {
|
|
background: linear-gradient(to top, rgba(15, 10, 40, 0.95) 0%, transparent 100%);
|
|
}
|
|
|
|
.project-tag {
|
|
color: #B39DFF;
|
|
background: rgba(179, 157, 255, 0.1);
|
|
border-color: rgba(179, 157, 255, 0.4);
|
|
}
|
|
|
|
.detail-section h2 {
|
|
color: #5c35cc;
|
|
}
|
|
|
|
.tech-pills span {
|
|
background-color: rgba(92, 53, 204, 0.1);
|
|
border-color: rgba(92, 53, 204, 0.3);
|
|
color: #3e1f9e;
|
|
}
|
|
|
|
.feature-list li::before {
|
|
color: #5c35cc;
|
|
}
|
|
|
|
code {
|
|
background: rgba(92, 53, 204, 0.07);
|
|
color: #3e1f9e;
|
|
}
|
|
|
|
/* Animate the dashed SVG lines in the placeholder hero */
|
|
.placeholder-graphic svg line {
|
|
animation: dash-flow 3s linear infinite;
|
|
}
|
|
|
|
@keyframes dash-flow {
|
|
to { stroke-dashoffset: -24; }
|
|
}
|