Composition page styling and general link styling.

This commit is contained in:
JesseBrault0709 2024-06-08 09:21:24 +02:00
parent 91e6220abf
commit ce977cf79d

View File

@ -147,6 +147,14 @@ button {
border-radius: 3px;
}
a {
color: var(--petrol);
}
a:hover {
color: rgba(from var(--petrol) r g b / 0.5);
}
.headshot-container {
display: flex;
flex-direction: column;
@ -257,9 +265,9 @@ button {
.composition-info {
display: flex;
flex-direction: column;
row-gap: 10px;
row-gap: 20px;
border-bottom: 1px solid var(--light-gray);
padding-block-end: 1em;
padding-block-end: 2em;
}
.composition-info .composition-titles-year-container {
@ -280,13 +288,17 @@ button {
.composition-info .alternate-versions {
display: flex;
flex-direction: column;
row-gap: 5px;
row-gap: 10px;
}
.composition-info .alternate-versions ul {
margin: 0;
}
.composition-text p:first-child {
margin-block-start: 2em;
}
.contact-banner article.social-media-links {
font-family: var(--gothic);
}