adcovn/olimparena
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix font size conflict

Browse Source
This commit is contained in:
Artem
2026-06-04 16:43:17 +03:00
parent 86024ba0b7
commit f77ca86e81
5 changed files with 189 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
assets/css/main.css
View File

@@ -1,4 +1,4 @@
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500&family=Montserrat:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;700&family=Montserrat:wght@100;300;400;500;600;700&display=swap");
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
@@ -237,6 +237,7 @@ img {
}
.hero__bg {
position: absolute;
filter: blur(3px);
inset: 0;
background: linear-gradient(90deg, rgba(18, 18, 18, 0.9) 0%, rgba(18, 18, 18, 0.7) 50%, rgba(0, 0, 0, 0) 100%), url("../images/renders/led.jpg") center/cover no-repeat;
}
@@ -253,7 +254,7 @@ img {
max-width: 1000px;
margin-left: 528px;
padding-top: 104px;
padding-bottom: 50px;
padding-bottom: 100px;
}
.hero__content > * {
opacity: 0;
@@ -285,25 +286,30 @@ img {
max-width: 768px;
margin-bottom: 32px;
color: rgba(255, 255, 255, 0.8);
font-size: 20px;
line-height: 32px;
font-size: 23px;
line-height: 1.5;
font-weight: 300;
}
.hero__tags {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-bottom: 28px;
margin-bottom: 15px;
}
.hero__tags li {
padding: 9px 17px;
padding: 20px 20px;
border: 1px solid rgba(207, 23, 23, 0.3);
border-radius: 999px;
background: rgba(41, 49, 51, 0.6);
/*background: rgba(41, 49, 51, 0.6);*/
font-size: 14px;
font-weight: 500;
font-weight: 300;
line-height: 20px;
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);
backdrop-filter: blur(53px);
-webkit-backdrop-filter: blur(10px);
border: 0px solid rgba(255, 255, 255, 0.3);
border-radius: 12px;
}
.hero__tags li:hover {
transform: translateY(-1px);
@@ -314,6 +320,11 @@ img {
display: flex;
gap: 16px;
}
.hero__actions .btn {
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}
.highlights {
background: linear-gradient(90deg, #293133, #20272a);
@@ -331,7 +342,7 @@ img {
border-radius: 16px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
min-height: 178px;
padding: 33px;
padding: 40px;
transition: transform 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
}
.info-card:hover {
@@ -342,13 +353,14 @@ img {
.info-card h3 {
margin-bottom: 8px;
font-size: 20px;
font-weight: 700;
font-weight: 500;
line-height: 28px;
}
.info-card p {
color: rgba(255, 255, 255, 0.7);
font-size: 16px;
line-height: 24px;
line-height: 1.5;
font-weight: 200;
}
.section {
@@ -383,8 +395,9 @@ img {
}
.section__head p {
color: rgba(255, 255, 255, 0.8);
font-size: 20px;
font-size: 22px;
line-height: 1.15;
font-weight: 200;
}
.infrastructure {
@@ -399,8 +412,8 @@ img {
line-height: 1.05;
}
.infrastructure .section__head p {
font-size: 20px;
font-weight: 400;
font-size: 22px;
font-weight: 200;
line-height: 1.2;
}
.infrastructure__grid {
@@ -505,12 +518,23 @@ img {
font-size: 34px;
font-weight: 700;
line-height: 1.1;
font-weight: 600;
}
.object-card__content p {
margin-bottom: 24px;
color: rgba(255, 255, 255, 0.7);
font-size: 18px;
line-height: 28px;
font-weight: 300;
}
.object-card__content a.btn {
min-width: 200px;
width: 40%;
padding: 10px 24px;
border-radius: 10px;
font-size: 14px;
text-transform: uppercase;
font-weight: 300;
}
.object-card__content ul {
margin-bottom: 24px;
@@ -556,12 +580,12 @@ img {
line-height: 1.05;
}
.services .section__head p {
font-size: 20px;
font-size: 22px;
line-height: 1.2;
}
.services__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
width: 100%;
max-width: 896px;
@@ -601,7 +625,7 @@ img {
display: block;
font-family: "Montserrat", "Inter", "Segoe UI", "Segoe UI Variable", "Helvetica Neue", Arial, sans-serif;
font-size: 21px;
font-weight: 700;
font-weight: 500;
line-height: 1.15;
position: relative;
z-index: 1;
@@ -620,8 +644,8 @@ img {
opacity: 0;
transform: translateY(10px);
color: rgba(255, 255, 255, 0.7);
font-size: 15px;
font-weight: 500;
font-size: 16px;
font-weight: 400;
line-height: 1.45;
pointer-events: none;
transition: opacity 0.25s ease, transform 0.25s ease;
@@ -649,10 +673,15 @@ img {
}
.pricing__list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
margin-bottom: 28px;
}
@media (max-width: 768px) {
.pricing__list {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.pricing__note {
margin-bottom: 30px;
color: rgba(255, 255, 255, 0.8);
@@ -676,7 +705,7 @@ img {
border-radius: 16px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
min-height: 144px;
padding: 24px;
padding: 40px;
}
.pricing-item h3 {
margin-bottom: 10px;
@@ -692,8 +721,9 @@ img {
}
@media (max-width: 600px) {
.pricing-item {
padding: 16px;
padding: 40px;
min-height: auto;
text-align: center;
}
.pricing-item h3 {
font-size: 16px;
@@ -808,6 +838,7 @@ img {
flex-direction: column;
justify-content: space-between;
transition: transform 0.3s ease, border-color 0.3s ease;
margin-top: 5px;
}
.review-card:hover {
transform: translateY(-5px);
@@ -818,12 +849,14 @@ img {
color: rgba(255, 255, 255, 0.8);
font-size: 16px;
line-height: 1.5;
font-weight: 200;
font-style: italic;
}
.review-card strong {
display: block;
margin-bottom: 10px;
font-size: 16px;
font-weight: 700;
font-weight: 400;
line-height: 1.2;
}
.review-card__meta {
@@ -831,14 +864,16 @@ img {
border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.review-card__meta a {
color: #ffd2d2;
/*color: #ffd2d2;*/
color: rgba(223, 223, 223, 0.2901960784);
font-size: 14px;
font-weight: 500;
line-height: 1.4;
text-decoration: underline;
text-underline-offset: 2px;
text-decoration-thickness: 1px;
text-decoration-color: rgba(255, 210, 210, 0.75);
/*text-decoration-color: rgba(255, 210, 210, 0.75);*/
text-decoration-color: rgba(169, 169, 169, 0.28);
transition: color 0.2s ease, text-decoration-color 0.2s ease;
}
.review-card__meta a:hover {
@@ -904,8 +939,8 @@ img {
.booking p {
margin-bottom: 32px;
color: rgba(255, 255, 255, 0.8);
font-size: 18px;
font-weight: 500;
font-size: 19px;
font-weight: 200;
line-height: 1.4;
}
.booking form {
@@ -1080,7 +1115,7 @@ img {
height: 44px;
padding: 0;
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 999px;
border-radius: 12px;
background: rgba(255, 255, 255, 0.04);
color: rgba(255, 255, 255, 0.92);
text-decoration: none;
@@ -1303,19 +1338,21 @@ img {
margin-top: 16px;
color: rgba(255, 255, 255, 0.65);
font-size: 14px;
line-height: 1.28;
line-height: 1.5;
font-weight: 300;
}
.footer__nav h4, .footer__contacts h4 {
margin-bottom: 16px;
font-size: 16px;
font-weight: 700;
font-weight: 600;
line-height: 1.1;
}
.footer__nav a, .footer__contacts a {
display: block;
color: rgba(255, 255, 255, 0.65);
font-size: 14px;
line-height: 1.35;
line-height: 1.5;
font-weight: 300;
}
.footer__nav span, .footer__contacts span {
display: block;