85 lines
3.1 KiB
SCSS
85 lines
3.1 KiB
SCSS
div.laend {
|
|
margin: 0 auto;
|
|
padding: 80px 30px;
|
|
background: transparent;
|
|
background-image: url("data:image/svg+xml,%3Csvg class='m-collage-slider__shape' style='fill: white;transform:translate3d(0px, 0.94vh, 0px) scale(0.9944, 0.99436)' version='1.1' viewBox='0 0 197 225' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m 76.453,18.472 c 5.242333,5.177667 10.484667,10.355333 15.727,15.533 11.5483,-4.771999 9.08096,-20.589384 17.58875,-28.4671905 8.884,-9.33701 24.1487,-6.6976834 34.76381,-1.9629234 9.69626,3.1041113 9.89034,14.9234899 18.26675,19.5768009 7.54541,4.821642 16.50709,11.10433 15.64744,21.248873 3.275,15.876878 13.0363,29.189351 18.37621,44.279784 -2.22399,12.835726 -7.26333,24.917136 -11.32133,37.231086 -8.01289,7.09756 -24.93004,13.5767 -15.68174,26.73414 3.07076,16.85677 10.12771,33.06257 10.21528,50.39667 -10.83283,8.06108 -23.32495,14.11012 -35.96755,18.50373 -14.91993,1.13145 -28.81802,-5.42609 -43.13104,-8.41486 -7.883033,-5.1901 -16.55931,-14.53852 -26.823196,-10.91762 -13.116671,6.71653 11.203726,15.64537 3.677813,22.92626 -16.107402,4.05011 -32.705663,-4.3089 -48.781583,-0.0845 -11.5044,2.02556 -26.1975855,-3.4471 -27.9155195,-16.3806 C 0.19384523,196.67074 4.8465957,185.01451 6.9322718,173.28944 11.257768,156.47835 12.349115,139.15771 14.526314,122.00872 15.059099,109.00248 25.896273,100.42001 34.994858,92.626203 42.750459,85.34786 53.727878,78.749279 55.042327,67.288995 58.124605,52.739914 60.384699,38.034313 63.243,23.442 c 3.112142,-3.732666 8.285095,-6.542601 13.21,-4.97z'/%3E%3C/svg%3E");
|
|
background-position: center; /* Center the image */
|
|
background-repeat: no-repeat; /* Do not repeat the image */
|
|
background-size: auto;
|
|
text-align: center;
|
|
max-width: 80%;
|
|
p {
|
|
color: $font_default;
|
|
font-size: $font_size_default;
|
|
}
|
|
code{
|
|
color: $font_default;
|
|
font-size: $font_size_h2;
|
|
}
|
|
a, a:link, a:visited, a:active {
|
|
color: $font_default;
|
|
}
|
|
|
|
h1 {
|
|
color: $font_accent_3;
|
|
font-size: $font_size_h1;
|
|
text-shadow: 0px 0px 1px black;
|
|
}
|
|
h2 {
|
|
color: $font_accent_3;
|
|
font-size: $font_size_h2;
|
|
text-shadow: 0px 0px 1px white;
|
|
}
|
|
img {
|
|
max-width: 40%;
|
|
margin-top: 50px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: $large_view) {
|
|
div.laend {
|
|
margin: auto;
|
|
max-width: $large_min_width;
|
|
p {
|
|
font-size: $font_size_default_large;
|
|
}
|
|
h1 {
|
|
font-size: $font_size_h1_large;
|
|
}
|
|
h2 {
|
|
font-size: $font_size_h2_large;
|
|
}
|
|
code{
|
|
font-size: $font_size_h1;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (max-width: $mobile_view) {
|
|
div.laend {
|
|
max-width: 100%;
|
|
p, a{
|
|
font-size: $font_size_default_mobile;
|
|
}
|
|
code {
|
|
font-size: $font_size_h2_mobile;
|
|
}
|
|
img {
|
|
max-width: 60%;
|
|
}
|
|
h1 {
|
|
font-size: $font_size_h1_mobile;
|
|
}
|
|
h2 {
|
|
font-size: $font_size_h2_mobile;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (max-width: $tiny_view) {
|
|
div.laend {
|
|
p, a{
|
|
font-size: $font_size_default_tiny;
|
|
}
|
|
}
|
|
}
|