minor design stuff, style front page info block and add more circle headings

This commit is contained in:
elisejakob
2024-06-10 11:13:59 +02:00
parent f7debf565d
commit 2dab1937d2
10 changed files with 91 additions and 37 deletions

View File

@ -294,4 +294,36 @@ input[type="text"] {
width: 50%;
vertical-align: top;
margin-bottom: var(--spacing-section-bottom);
}
.infoBlock {
background: var(--color-goldenBeige);
margin: 0 calc(var(--spacing-sitepadding)*-1);
padding: var(--spacing-sitepadding) var(--spacing-sitepadding) var(--spacing-section-bottom);
position: relative;
overflow: hidden;
display: grid;
grid-template-columns: 2fr 1fr;
align-items: center;
min-height: 16rem;
h2 {
margin-bottom: 1rem;
}
p {
margin-bottom: 2rem;
}
.button {
margin-right: .5rem;
}
.pig {
transform: scaleX(-1);
position: absolute;
right: 0;
bottom: -50%;
}
}