80 lines
1.7 KiB
SCSS
80 lines
1.7 KiB
SCSS
html,
|
|
body {
|
|
background-color: $bg-white;
|
|
color: $color-primary;
|
|
font-family: Barlow-Regular, Helvetica, serif;
|
|
font-size: 16px;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.btn-autorize {
|
|
cursor: pointer;
|
|
}
|
|
|
|
strong {
|
|
font-family: Barlow-Bold, Helvetica, sans-serif;
|
|
}
|
|
|
|
.h1 {
|
|
color: $color-primary;
|
|
font-family: Barlow-Regular, Helvetica, sans-serif;
|
|
font-size: 3rem;
|
|
text-align: center;
|
|
}
|
|
|
|
.h2 {
|
|
color: $color-primary;
|
|
font-family: Barlow-Bold, Helvetica, sans-serif;
|
|
font-size: 1.4rem;
|
|
}
|
|
|
|
a {
|
|
transition: color 0.3s ease-in-out;
|
|
|
|
&:hover {
|
|
color: $color-secondary;
|
|
}
|
|
}
|
|
|
|
.script-font {
|
|
font-family: FilmotypeLucky, serif;
|
|
font-size: 1.2rem;
|
|
}
|
|
|
|
.max-container {
|
|
padding-right: 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.banner {
|
|
img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
object-position: center;
|
|
}
|
|
}
|
|
|
|
// XXXXXXX XXXXXXXLLLLLLLLLLL
|
|
// X:::::X X:::::XL:::::::::L
|
|
// X:::::X X:::::XL:::::::::L
|
|
// X::::::X X::::::XLL:::::::LL
|
|
// XXX:::::X X:::::XXX L:::::L
|
|
// X:::::X X:::::X L:::::L
|
|
// X:::::X:::::X L:::::L
|
|
// X:::::::::X L:::::L
|
|
// X:::::::::X L:::::L
|
|
// X:::::X:::::X L:::::L
|
|
// X:::::X X:::::X L:::::L
|
|
// XXX:::::X X:::::XXX L:::::L LLLLLL
|
|
// X::::::X X::::::XLL:::::::LLLLLLLLL:::::L
|
|
// X:::::X X:::::XL::::::::::::::::::::::L
|
|
// X:::::X X:::::XL::::::::::::::::::::::L
|
|
// XXXXXXX XXXXXXXLLLLLLLLLLLLLLLLLLLLLLLL
|
|
@include media-breakpoint-up(xl) {
|
|
// >= 1200px
|
|
.max-container {
|
|
padding-right: calc((100% - 1200px) / 2);
|
|
padding-left: calc((100% - 1200px) / 2);
|
|
}
|
|
}
|