66 lines
1.2 KiB
SCSS
66 lines
1.2 KiB
SCSS
.page {
|
|
overflow-x: hidden;
|
|
|
|
// Top part
|
|
&__top {
|
|
margin-top: 96px;
|
|
margin-bottom: 56px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
position: relative;
|
|
|
|
@include breakpoint (sm) {
|
|
margin-top: 120px;
|
|
margin-bottom: 96px;
|
|
}
|
|
|
|
a {
|
|
position: absolute;
|
|
top: -64px;
|
|
|
|
@include breakpoint (sm){
|
|
top: 50%;
|
|
left: 0;
|
|
transform: translateY(-50%);
|
|
}
|
|
}
|
|
}
|
|
|
|
// Description
|
|
&__description {
|
|
max-width: 312px;
|
|
margin: 0 auto;
|
|
margin-bottom: 72px;
|
|
color: $color-tertiary;
|
|
|
|
@include breakpoint (sm) {
|
|
max-width: 472px;
|
|
margin-bottom: 120px;
|
|
}
|
|
}
|
|
|
|
// List
|
|
&__list {
|
|
// Category
|
|
&--category {
|
|
margin-bottom: 96px;
|
|
text-align: center;
|
|
|
|
&:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
h2 {
|
|
margin-bottom: 56px;
|
|
}
|
|
dl {
|
|
margin-bottom: 40px;
|
|
}
|
|
dt {
|
|
margin-bottom: 8px;
|
|
}
|
|
}
|
|
}
|
|
}
|