2022-03-09 21:10:08 +00:00
|
|
|
.wrapper {
|
|
|
|
}
|
|
|
|
|
|
|
|
.container {
|
|
|
|
max-width: 1200px;
|
|
|
|
margin: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.center-box {
|
|
|
|
max-width: 800px;
|
2022-03-20 14:50:12 +00:00
|
|
|
background-color: var(--main);
|
|
|
|
color: var(--text-color);
|
2022-03-16 18:37:50 +00:00
|
|
|
margin: 2rem auto;
|
2022-03-09 21:10:08 +00:00
|
|
|
padding: 4rem;
|
2022-03-10 18:31:05 +00:00
|
|
|
position: relative;
|
2022-03-09 21:10:08 +00:00
|
|
|
|
|
|
|
box-shadow: 0px 6px 62px -14px rgba(0, 0, 0, 0.45);
|
|
|
|
|
|
|
|
h1:first-of-type {
|
|
|
|
margin-top: 0;
|
|
|
|
text-align: center;
|
|
|
|
}
|
2022-03-10 18:31:05 +00:00
|
|
|
|
|
|
|
&-addon {
|
2022-03-20 14:50:12 +00:00
|
|
|
color: var(--text-color);
|
|
|
|
background-color: var(--main-dark);
|
2022-03-10 18:31:05 +00:00
|
|
|
overflow: hidden;
|
|
|
|
max-width: 600px;
|
2022-03-16 18:37:50 +00:00
|
|
|
margin: 0 auto 2rem auto;
|
2022-03-10 18:31:05 +00:00
|
|
|
padding: 16px;
|
|
|
|
text-align: center;
|
|
|
|
box-shadow: 0px 6px 62px -14px rgba(0, 0, 0, 0.45);
|
|
|
|
}
|
|
|
|
|
2022-03-16 18:37:50 +00:00
|
|
|
&--no-margin {
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
|
|
|
|
2022-03-10 18:31:05 +00:00
|
|
|
@include break-on(xs, down) {
|
|
|
|
padding: 1rem;
|
|
|
|
}
|
2022-03-09 21:10:08 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.logo-container {
|
|
|
|
text-align: center;
|
|
|
|
margin-top: 2rem;
|
|
|
|
}
|
2022-03-10 18:31:05 +00:00
|
|
|
|
|
|
|
.qr-preview {
|
|
|
|
text-align: center;
|
|
|
|
}
|