+
+
+

+

+
+
+
+ Кино месяца
+
+
+ Barbie
+
+
+ Марго Роби и Райан Гослинг
+
+
+
+

+

+
+
+
+
+
+
+
+
+ >
+ );
+};
+
+export default Index;
diff --git a/src/pages/Into.jsx b/src/pages/Into.jsx
new file mode 100644
index 0000000..e69de29
diff --git a/src/pages/Login.jsx b/src/pages/Login.jsx
new file mode 100644
index 0000000..e69de29
diff --git a/src/pages/Subscribe.jsx b/src/pages/Subscribe.jsx
new file mode 100644
index 0000000..e69de29
diff --git a/src/pagescss/Index.css b/src/pagescss/Index.css
new file mode 100644
index 0000000..50562e0
--- /dev/null
+++ b/src/pagescss/Index.css
@@ -0,0 +1,44 @@
+@font-face {
+ font-family: Candara;
+ src: url("../fonts/candara-light.ttf");
+}
+
+@font-face {
+ font-family: Carattere;
+ src: url("../fonts/Carattere-Regular.ttf");
+}
+
+.promo-text-block {
+ color: white;
+}
+
+.promo-text-block .promo-top,
+.promo-bottom {
+ font-size: 36px;
+}
+
+.promo-text-block .promo-middle {
+ font-family: Carattere;
+ font-size: 160px;
+}
+
+.page {
+ background-image: url("../assets/barbie_big.png");
+ /* background-position: center; */
+ background-size: cover;
+ background-repeat: no-repeat;
+ background-color: rgba(0, 0, 0, 0.6);
+ background-blend-mode: multiply;
+}
+
+@media screen and (max-width: 576px) {
+
+ .promo-text-block .promo-top,
+ .promo-bottom {
+ font-size: min(10vw, 36px);
+ }
+
+ .promo-text-block .promo-middle {
+ font-size: min(20vw, 160px);
+ }
+}
\ No newline at end of file