56 lines
1.1 KiB
CSS
56 lines
1.1 KiB
CSS
:root {
|
|
--swieta-green: oklch(40% .08 155);
|
|
--swieta-gold: oklch(75% .12 80);
|
|
}
|
|
|
|
#swieta {
|
|
& > header {
|
|
& p, & h1 {
|
|
color: white;
|
|
}
|
|
padding: 8rem 2rem;
|
|
padding-bottom: 0;
|
|
& span {
|
|
word-spacing: 0.5rem;
|
|
color: var(--swieta-gold);
|
|
}
|
|
& > div {
|
|
padding: 4rem 2rem;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
background-color: var(--swieta-green);
|
|
border-radius: var(--border-radius);
|
|
}
|
|
}
|
|
|
|
& #wyroby {
|
|
& > h2 {
|
|
grid-column: -1 / 1;
|
|
place-self: center;
|
|
}
|
|
|
|
& .card {
|
|
& > :first-child {
|
|
display:none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
#swieta-link {
|
|
background-color: var(--swieta-green);
|
|
border-radius: var(--border-radius);
|
|
color: white;
|
|
text-decoration: none;
|
|
margin-bottom: 2rem;
|
|
padding: 0.5rem 1.5rem;
|
|
display:flex;
|
|
align-items: center;
|
|
gap: 1rem;
|
|
|
|
&:hover {
|
|
opacity: 0.9;
|
|
}
|
|
}
|