30 lines
497 B
CSS
30 lines
497 B
CSS
|
body {
|
||
|
|
background-color: var(--clr-yellow);
|
||
|
|
}
|
||
|
|
|
||
|
|
article {
|
||
|
|
background-color: var(--clr-white);
|
||
|
|
border-radius: 20px;
|
||
|
|
border: black 1px solid;
|
||
|
|
/* shadow scales from 8px at 375, to 16 at 1440 */
|
||
|
|
box-shadow: var(--sizing-box-shadow) var(--sizing-box-shadow) black;
|
||
|
|
|
||
|
|
img {
|
||
|
|
border-radius: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
a {
|
||
|
|
color: var(--clr-black);
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
a:has(:hover, :focus) {
|
||
|
|
color: var(--clr-yellow);
|
||
|
|
}
|
||
|
|
|
||
|
|
.category {
|
||
|
|
background-color: var(--clr-yellow);
|
||
|
|
border-radius: 4px;
|
||
|
|
}
|
||
|
|
}
|