Battlesnake/frontend
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Enhance Hero and Navbar components with cyberpunk effects and animations. Implement matrix rain background in Hero, add glitch effect to Navbar, and update styles. Remove unused assignment page styles.

Browse source
This commit is contained in:
Anton Kupriianov 2025-04-28 11:20:03 -07:00
parent 17f33651a6
commit 526b7bec18
12 changed files with 952 additions and 187 deletions
Download patch file Download diff file Expand all files Collapse all files

40
src/scss/components/Services.scss
View file

@ -1,18 +1,26 @@
.services {
padding: 5rem 3rem;
background-color: #fdfaf6;
h2 {
font-size: 2.5rem;
font-weight: 900;
text-align: center;
margin-bottom: 3rem;
}
.cards {
display: flex;
justify-content: space-between;
gap: 2rem;
}
padding: 5rem 3rem;
// background-image: url("../../../public/images/grid-background-3.png");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
h2 {
font-size: 2.5rem;
font-weight: 900;
text-align: center;
margin-bottom: 3rem;
color: #fff;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
background-color: rgba(0, 0, 0, 0.5);
padding: 1.5rem;
border-radius: 10px;
}
.cards {
display: flex;
justify-content: space-between;
gap: 2rem;
}
}