- Introduced new PNG image for the campaign layout. - Created CSS styles for various sections including hero, boxes, and typography. - Added SCSS file for better maintainability and organization of styles. - Included source map for CSS to facilitate debugging.
189 lines
3.0 KiB
SCSS
189 lines
3.0 KiB
SCSS
.black_weeks_2025 {
|
|
._hero {
|
|
img {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
._box_01 {
|
|
padding-top: 80px;
|
|
font-family: 'URW Form';
|
|
|
|
h1 {
|
|
font-weight: 700;
|
|
font-style: Bold;
|
|
font-size: 40px;
|
|
line-height: 130%;
|
|
letter-spacing: 10%;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
h2 {
|
|
font-weight: 400;
|
|
font-style: Regular;
|
|
font-size: 35px;
|
|
line-height: 130%;
|
|
letter-spacing: 10%;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
|
|
}
|
|
|
|
p {
|
|
font-weight: 300;
|
|
font-style: Light;
|
|
font-size: 20px;
|
|
line-height: 153%;
|
|
letter-spacing: 0%;
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
._box_02 {
|
|
padding-top: 20px;
|
|
|
|
img {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
._box_03 {
|
|
padding-top: 30px;
|
|
|
|
p {
|
|
font-weight: 300;
|
|
font-style: Light;
|
|
font-size: 20px;
|
|
line-height: 30px;
|
|
letter-spacing: 0%;
|
|
text-align: center;
|
|
padding-right: 20%;
|
|
|
|
&._big {
|
|
font-weight: 700;
|
|
font-style: Bold;
|
|
font-size: 32px;
|
|
line-height: 30px;
|
|
letter-spacing: 0%;
|
|
text-align: center;
|
|
padding-right: 20%;
|
|
}
|
|
}
|
|
|
|
img {
|
|
width: 100%;
|
|
max-width: 1149px;
|
|
margin-top: -50px;
|
|
}
|
|
|
|
._regulamin {
|
|
display: inline-block;
|
|
width: 276px;
|
|
height: 48px;
|
|
float: right;
|
|
margin-top: -20px;
|
|
margin-right: 20%;
|
|
z-index: 2;
|
|
position: relative;
|
|
|
|
img {
|
|
max-width: 276px;
|
|
margin: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
._box_05 {
|
|
height: 1px;
|
|
background: #000000;
|
|
margin-top: 50px;
|
|
margin-bottom: 50px;
|
|
}
|
|
|
|
._box_06 {
|
|
h2 {
|
|
font-weight: 400;
|
|
font-size: 35px;
|
|
line-height: 130%;
|
|
letter-spacing: 10%;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
|
|
strong {
|
|
font-weight: 700;
|
|
font-style: Bold;
|
|
}
|
|
}
|
|
|
|
p {
|
|
font-weight: 300;
|
|
font-style: Light;
|
|
font-size: 20px;
|
|
line-height: 153%;
|
|
letter-spacing: 0%;
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
._box_07 {
|
|
._left_column {
|
|
margin-top: -110px;
|
|
padding-left: 4%;
|
|
|
|
p {
|
|
font-weight: 400;
|
|
font-size: 20px;
|
|
line-height: 35px;
|
|
letter-spacing: 0px;
|
|
|
|
}
|
|
|
|
h3 {
|
|
font-weight: 700;
|
|
font-style: Bold;
|
|
font-size: 40px;
|
|
line-height: 40px;
|
|
letter-spacing: 0px;
|
|
}
|
|
}
|
|
|
|
img._image_03 {
|
|
width: 100%;
|
|
max-width: 843px;
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|
|
|
|
img._image_04 {
|
|
width: 100%;
|
|
margin-top: -180px;
|
|
}
|
|
|
|
._regulamin {
|
|
margin-right: 34%;
|
|
margin-top: -50px;
|
|
position: relative;
|
|
z-index: 2;
|
|
float: right;
|
|
}
|
|
}
|
|
|
|
._box_08 {
|
|
padding-bottom: 100px;
|
|
padding-left: 3%;
|
|
|
|
ol {
|
|
margin-top: 20px;
|
|
list-style-type: square;
|
|
|
|
li {
|
|
font-weight: 300;
|
|
font-style: Light;
|
|
font-size: 25px;
|
|
line-height: 40px;
|
|
letter-spacing: 0%;
|
|
}
|
|
}
|
|
}
|
|
} |