66 lines
1.0 KiB
CSS
66 lines
1.0 KiB
CSS
|
/* Global CSS variables */
|
||
|
:root {
|
||
|
--spacing-company: 3rem;
|
||
|
--font-weight: 400;
|
||
|
--border-radius: 0.25rem;
|
||
|
}
|
||
|
|
||
|
/* Typography */
|
||
|
h2,
|
||
|
h3,
|
||
|
hgroup > :last-child {
|
||
|
font-weight: 200;
|
||
|
}
|
||
|
|
||
|
small {
|
||
|
color: var(--muted-color);
|
||
|
}
|
||
|
|
||
|
/* Header */
|
||
|
.hero {
|
||
|
background-color: #390053;
|
||
|
/*background-image: url("assets/sascha-eremin-DNQ-M93tHmA-unsplash-3000x1000.jpg");*/
|
||
|
background-position: center;
|
||
|
background-size: cover;
|
||
|
}
|
||
|
|
||
|
header {
|
||
|
padding: var(--spacing-company) 0;
|
||
|
}
|
||
|
|
||
|
header hgroup > :last-child {
|
||
|
color: var(--h3-color);
|
||
|
}
|
||
|
|
||
|
header hgroup {
|
||
|
margin-bottom: var(--spacing-company);
|
||
|
}
|
||
|
|
||
|
/* Nav */
|
||
|
summary[role="link"].contrast:is([aria-current],:hover,:active,:focus) {
|
||
|
background-color: transparent;
|
||
|
color: var(--contrast-hover);
|
||
|
}
|
||
|
|
||
|
/* Main */
|
||
|
@media (min-width: 992px) {
|
||
|
main .grid {
|
||
|
grid-column-gap: var(--spacing-company);
|
||
|
grid-template-columns: auto 25%;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
form.grid {
|
||
|
grid-row-gap: 0;
|
||
|
}
|
||
|
|
||
|
/* Aside nav */
|
||
|
aside img {
|
||
|
margin-bottom: 0.25rem;
|
||
|
}
|
||
|
|
||
|
aside p {
|
||
|
margin-bottom: var(--spacing-company);
|
||
|
line-height: 1.25;
|
||
|
}
|