diff --git a/new.html b/new.html
index 480b076..97407a5 100644
--- a/new.html
+++ b/new.html
@@ -31,6 +31,7 @@
margin: 0;
padding: 0;
line-height: 1.32;
+ -webkit-font-smoothing: antialiased;
}
body {
@@ -45,18 +46,23 @@
header {
height: var(--header-height);
- width: var(--container-width);
+ width: 100%;
position: fixed;
- display: flex;
- gap: 7px;
- justify-content: space-between;
- align-items: center;
- box-sizing: border-box;
left: 50%;
transform: translate(-50%, 0);
z-index: 100;
+ transition: background-color 300ms linear;
+ }
+
+ .header {
+ height: var(--header-height);
+ width: var(--container-width);
+ display: flex;
+ gap: 20px;
+ justify-content: space-between;
+ align-items: center;
+ box-sizing: border-box;
font-size: 16px;
- -webkit-font-smoothing: antialiased;
}
nav {
@@ -309,16 +315,22 @@
}
.registration__container img {
+ object-fit: cover;
height: 400px;
}
.registration__container h2 {
- margin-bottom: 23px;
+ margin-bottom: 24px;
+ }
+
+ .registration__container p + p {
+ margin-top: 24px;
}
.registration__container__link {
display: flex;
justify-content: center;
+ width: 100%;
}
.registration__link {
@@ -371,9 +383,11 @@
opacity: 0.30;
margin-top: 34px;
margin-bottom: 14px;
+ background-color: #fff;
}
.info__card p {
+ height: 100px;
font-size: 18px;
line-height: 1.55;
font-weight: 300;
@@ -384,6 +398,11 @@
margin-bottom: 20px;
}
+ .schedule__p {
+ font-size: 24px;
+ font-weight: 300;
+ }
+
.schedule__container {
display: grid;
grid-template-columns: 1fr 1fr;
@@ -393,7 +412,12 @@
.schedule__container h3 {
font-size: 22px;
font-weight: 600;
- justify-self: right;
+ text-align: right;
+ }
+
+ .schedule__container p {
+ font-size: 20px;
+ font-weight: 300;
}
.gallery__container {
@@ -428,6 +452,7 @@
background-color: #000000;
color: white;
text-decoration: none;
+ text-align: center;
font-size: xx-large;
font-weight: 700;
padding: 10px 300px;
@@ -465,8 +490,22 @@
height: 600px;
}
+ .contacts__container {
+ gap: 60px
+ }
+
+ .contacts__container h2 {
+ margin-bottom: 0;
+ }
+
+ .contacts__container p {
+ font-size: 24px;
+ }
+
.partners__container {
display: flex;
+ justify-content: center;
+ flex-wrap: wrap;
gap: 60px;
}
@@ -477,10 +516,12 @@
grid-template-rows: 1fr 25px;
justify-items: center;
text-decoration: none;
+ max-width: 150px;
}
.partners__container img {
- max-height: 100px;
+ max-width: 300px;
+ max-height: 150px;
}
footer {
@@ -494,30 +535,140 @@
}
@media (max-width: 980px) {
+ :root {
+ --container-width: 350px;
+ }
+ header {
+ height: 100%;
+ transform: unset;
+ background-color: rgb(0, 0, 0);
+ position: unset;
+ padding-top: 20px;
+ padding-bottom: 35px;
+ }
+
+ .header {
+ height: 100%;
+ flex-direction: column;
+ }
+
+ nav {
+ gap: 35px;
+ flex-direction: column;
+ }
+
+ .header__nav {
+ gap: 20px;
+ flex-direction: column;
+ }
+
+ h2 {
+ font-size: 28px;
+ text-align: center;
+ }
+
+ p {
+ font-size: 16px;
+ }
+
+ .about__container {
+ grid-template-columns: 1fr;
+ grid-template-rows: 1fr 1fr 1fr;
+ }
+
+ .registration__container {
+ flex-direction: column;
+ }
+
+ .info__cover {
+ height: 100vh;
+ }
+
+ .info__cover .top__filter {
+ height: 100vh;
+ }
+
+ .info__container {
+ height: calc(100vh - 100px);
+ gap: 20px;
+ grid-template-columns: 1fr;
+ grid-template-rows: 1fr 1fr 1fr;
+ }
+
+ .info__container h3 {
+ font-size: 30px
+ }
+
+ .schedule__container {
+ gap: 20px;
+ grid-template-columns: 1fr;
+ }
+
+ .schedule__container h3 {
+ text-align: left;
+ }
+
+ .gallery__container {
+ grid-template-columns: 1fr 1fr;
+ grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
+ }
+
+ .gallery__container .medium__image {
+ grid-area: 4 / 1 / 6 / 3;
+ }
+
+ .gallery__link {
+ width: 100%;
+ padding: 10px 0;
+ }
+
+ .map__card {
+ position: unset;
+ padding: 40px;
+ }
+
+ #map {
+ height: 400px;
+ }
+
+ .contacts__container p {
+ font-size: 20px;
+ }
+
+ .partners__container {
+ gap: 20px
+ }
+
+ .partners__container img {
+ max-width: 200px;
+ max-height: 100px;
+ }
}
-
-
+
