You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
65 lines
1.0 KiB
65 lines
1.0 KiB
/* 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;
|
|
}
|