first section landing

dist/output.css

@@ -1,3 +1,6 @@
+
+
+
 @import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 
 /*
@@ -536,11 +539,25 @@ video {
   --tw-backdrop-sepia:  ;
 }
 
+.m-5{
+  margin: 1.25rem;
+}
+
 .mx-auto{
   margin-left: auto;
   margin-right: auto;
 }
 
+.mx-32{
+  margin-left: 8rem;
+  margin-right: 8rem;
+}
+
+.my-36{
+  margin-top: 9rem;
+  margin-bottom: 9rem;
+}
+
 .ml-1{
   margin-left: 0.25rem;
 }
@@ -553,10 +570,46 @@ video {
   margin-top: 9rem;
 }
 
+.-mt-8{
+  margin-top: -2rem;
+}
+
+.-mt-20{
+  margin-top: -5rem;
+}
+
+.inline{
+  display: inline;
+}
+
 .flex{
   display: flex;
 }
 
+.h-auto{
+  height: auto;
+}
+
+.h-full{
+  height: 100%;
+}
+
+.h-96{
+  height: 24rem;
+}
+
+.h-3{
+  height: 0.75rem;
+}
+
+.h-6{
+  height: 1.5rem;
+}
+
+.max-h-96{
+  max-height: 24rem;
+}
+
 .w-1\/2{
   width: 50%;
 }
@@ -573,6 +626,10 @@ video {
   max-width: 72rem;
 }
 
+.max-w-sm{
+  max-width: 24rem;
+}
+
 .flex-col{
   flex-direction: column;
 }
@@ -597,6 +654,10 @@ video {
   justify-content: space-around;
 }
 
+.justify-evenly{
+  justify-content: space-evenly;
+}
+
 .space-x-2 > :not([hidden]) ~ :not([hidden]){
   --tw-space-x-reverse: 0;
   margin-right: calc(0.5rem * var(--tw-space-x-reverse));
@@ -619,15 +680,34 @@ video {
   border-radius: 0.5rem;
 }
 
+.rounded-xl{
+  border-radius: 0.75rem;
+}
+
 .border-2{
   border-width: 2px;
 }
 
+.border-y-2{
+  border-top-width: 2px;
+  border-bottom-width: 2px;
+}
+
 .border-black{
   --tw-border-opacity: 1;
   border-color: rgb(0 0 0 / var(--tw-border-opacity));
 }
 
+.border-gray-600{
+  --tw-border-opacity: 1;
+  border-color: rgb(75 85 99 / var(--tw-border-opacity));
+}
+
+.border-gray-400{
+  --tw-border-opacity: 1;
+  border-color: rgb(156 163 175 / var(--tw-border-opacity));
+}
+
 .bg-Champagne-0{
   --tw-bg-opacity: 1;
   background-color: rgb(247 237 232 / var(--tw-bg-opacity));
@@ -638,14 +718,26 @@ video {
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
 }
 
+.bg-\[url\(\'https\:\/\/ya\.ru\/images\/search\?img_url\=https\%3A\%2F\%2Ffunart\.pro\%2Fuploads\%2Fposts\%2F2021-04\%2F1617468367_11-p-oboi-rassvet-zimoi-11\.jpg\&lr\=43\&nl\=1\&pos\=0\&rpt\=simage\&source\=morda\&text\=\417\438\43C\43D\438\439\%20\420\430\441\441\432\435\442\'\)\]{
+  background-image: url('https://ya.ru/images/search?img_url=https%3A%2F%2Ffunart.pro%2Fuploads%2Fposts%2F2021-04%2F1617468367_11-p-oboi-rassvet-zimoi-11.jpg&lr=43&nl=1&pos=0&rpt=simage&source=morda&text=Зимний%20Рассвет');
+}
+
 .bg-cover{
   background-size: cover;
 }
 
+.bg-center{
+  background-position: center;
+}
+
 .bg-no-repeat{
   background-repeat: no-repeat;
 }
 
+.p-5{
+  padding: 1.25rem;
+}
+
 .px-12{
   padding-left: 3rem;
   padding-right: 3rem;
@@ -671,6 +763,19 @@ video {
   padding-bottom: 1.5rem;
 }
 
+.py-11{
+  padding-top: 2.75rem;
+  padding-bottom: 2.75rem;
+}
+
+.pb-36{
+  padding-bottom: 9rem;
+}
+
+.pb-32{
+  padding-bottom: 8rem;
+}
+
 .font-main{
   font-family: Montserrat;
 }
@@ -690,6 +795,16 @@ video {
   line-height: 1.25rem;
 }
 
+.text-4xl{
+  font-size: 2.25rem;
+  line-height: 2.5rem;
+}
+
+.text-2xl{
+  font-size: 1.5rem;
+  line-height: 2rem;
+}
+
 .font-bold{
   font-weight: 700;
 }
@@ -718,6 +833,21 @@ video {
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
+.text-teal-700{
+  --tw-text-opacity: 1;
+  color: rgb(15 118 110 / var(--tw-text-opacity));
+}
+
+.text-teal-400{
+  --tw-text-opacity: 1;
+  color: rgb(45 212 191 / var(--tw-text-opacity));
+}
+
+.text-blue-400{
+  --tw-text-opacity: 1;
+  color: rgb(96 165 250 / var(--tw-text-opacity));
+}
+
 .shadow-firm{
   --tw-shadow: box-shadow: 3px 3px 2px 0px rgba(34, 60, 80, 0.25);
   --tw-shadow-colored: 3px 3px 2px 0px var(--tw-shadow-color);
@@ -728,3 +858,7 @@ video {
   --tw-shadow-color: #475569;
   --tw-shadow: var(--tw-shadow-colored);
 }
+
+
+
+

index.html

@@ -116,4 +116,5 @@
     </div>
 </body>
 
-</html>
+</html>
+