edit blocks (gendir 4 + photos FINAL)

This commit is contained in:
2026-06-17 17:38:04 +03:00
parent 1fae105dd5
commit fceb73e161
11 changed files with 84 additions and 46 deletions

View File

@@ -217,8 +217,10 @@ img {
&__content {
position: relative;
z-index: 1;
max-width: 1000px;
margin-left: 528px;
/*max-width: 1000px;*/
max-width: 1200px;
/*margin-left: 528px;*/
margin-left:auto;
padding-top: 104px;
padding-bottom: 100px;
@@ -248,9 +250,10 @@ img {
max-width: 1000px;
/*margin-bottom: 24px;*/
margin-bottom:45px;
font-size: 72px;
font-size: 82px;
font-weight: 700;
line-height: 90px;
text-shadow: 0 15px 30px rgb(255 255 255 / 10%);
span {
color: $color-accent;
@@ -275,7 +278,7 @@ img {
margin-bottom: 15px;
li {
padding: 20px 20px;
padding: 16px 20px;
border: 1px solid $color-border-strong;
/*background: rgba(41, 49, 51, 0.6);*/
font-size: 14px;
@@ -284,17 +287,25 @@ img {
white-space: nowrap;
transition: border-color 0.25s ease, background-color 0.25s ease, transform 0.25s ease;
background-color: rgba(255, 255, 255, 0.2);
background-color: rgba(255, 255, 255, 0.09);
backdrop-filter: blur(53px);
-webkit-backdrop-filter: blur(10px);
border: 0px solid rgba(255, 255, 255, 0.3);
border: 1px solid rgba(255, 255, 255, 0.13);
border-radius: 12px;
width:240px;
text-align:center;
white-space: normal;
&:hover {
transform: translateY(-1px);
border-color: rgba(207, 23, 23, 0.55);
background: rgba(41, 49, 51, 0.9);
/*border-color: rgba(207, 23, 23, 0.55);*/
/*background: rgba(41, 49, 51, 0.9);*/
}
img{
width:100px;
margin: 0 auto 5px;
}
}
}
@@ -316,7 +327,7 @@ img {
&__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
}
}
@@ -335,7 +346,7 @@ img {
h3 {
margin-bottom: 8px;
font-size: 20px;
font-size: 18px;
font-weight: 500;
line-height: 28px;
}
@@ -1748,7 +1759,7 @@ img {
}
h1 {
font-size: 64px;
font-size: 80px;
line-height: 1.15;
}
}
@@ -1768,7 +1779,8 @@ img {
.hero {
&__content {
margin-left: 280px;
/*margin-left: 280px;*/
margin-left: auto;
max-width: 700px;
}
@@ -2026,7 +2038,7 @@ img {
}
.btn {
width: 100%;
width: 97%;
&--small {
width: auto;
@@ -2051,6 +2063,12 @@ img {
li {
white-space: normal;
padding: 14px 20px;
width: 47%;
font-size: 12px;
img{
width: 73px;
}
}
}