Browse Source

кормит исправление мелких ошибок

kl1ch 10 months ago
parent
commit
80daf41cad
1 changed files with 184 additions and 184 deletions
  1. 184 184
      style.css

+ 184 - 184
style.css

@@ -1,184 +1,184 @@
-* {
-    margin: 0;
-    padding: 0;
-    scroll-behavior: smooth;
-}
-
-.container {
-    width: 1440px;
-    margin: 0 auto;
-}
-
-ul {
-    display: flex;
-    justify-content: space-between;
-}
-
-.header_flex {
-    display: flex;
-    justify-content: space-around;
-    align-items: center;
-}
-
-li {
-    text-decoration: none;
-    list-style-type: none;
-    color:black;
-    padding: 25px;
-}
-
-a {
-    text-decoration: none;
-    background-image: linear-gradient(currentColor, currentColor);
-    background-position: 0% 100%;
-    background-repeat: no-repeat;
-    background-size: 0% 2px;
-    color:black;
-    transition: background-size .3s;
-}
-
-a:hover {
-    background-size: 100% 2px;
-}
-
-.background {
-    background-image: url(img/barmen.jpg);
-    background:no-repeat;
-}
-
-
-
-.first-block_content {
-    padding-top: 300px;
-    text-align: start;
-}
-
-.block-for-us {
-    display: flex;
-    justify-content: space-evenly;
-    align-items: center
-}
-
-.block-for-us_padding {
-    padding-left: 25px;
-}
-
-.m-top {
-    margin-top: 100px;
-}
-
-.m-bottom {
-    margin-bottom: 100px;
-}
-
-.block-card {
-    width: 365px;
-}
-
-.block-card_text {
-    display: flex;
-    justify-content: space-between;
-}
-
-.block-card_flex {
-    display: flex;
-    justify-content: space-between;
-}
-
-.background-guide {
-    background-image: url(img/volga.jpg);
-    width: 1900px;
-    background:no-repeat;
-    height: 629px;
-}
-
-.block-guide {
-    padding-top: 150px;
-}
-
-.block-form_text {
-    margin-top: 50px;
-}
-
-form {
-    display: flex;
-}
-
-input {
-    width: 309px;
-    height: 56px;
-}
-
-::placeholder {
-    font-size: 24px;
-    padding-left: 10px;
-}
-
-.blog {
-    display: flex;
-    justify-content: space-between;
-}
-
-.connection_position {
-    display: flex;
-    align-items: center;
-    flex-direction: column
-}
-
-.connection_text {
-    margin-top: 125px;
-    margin-left: 500px;
-}
-
-.background-connection {
-    background-image: url(img/Connection.png);
-    width: 1900px;
-    background: no-repeat;;
-    height: 629px;
-}
-
-.footer_position {
-    display: flex;
-    text-align: center;
-    align-items: center;
-    flex-direction: column;
-}
-
-.animate-charcter
-{
-   text-transform: uppercase;
-  background-image: linear-gradient(
-    -100deg,
-    #000000 50%,
-    #153d32 80%,
-    #398d72 100%
-  );
-  background-size: auto auto;
-  background-size: 200% auto;
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  animation: textclip 2s linear infinite;
-  display: inline-block;
-  font-family: 'Playfair Display', serif;
-    font-size: 48px;
-}
-
-@keyframes textclip {
-  to {
-    background-position: 200% center;
-  }
-}
-
-.scale {
-    display: inline-block; /* Строчно-блочный элемент */
-    overflow: hidden; /* Скрываем всё за контуром */
-}
-.scale img {
-    transition: 0.5s; /* Время эффекта */
-    display: block; /* Убираем небольшой отступ снизу */
-}
-.scale img:hover {
-    transform: scale(1.1); /* Увеличиваем масштаб */
-}
-
-
+* {
+    margin: 0;
+    padding: 0;
+    scroll-behavior: smooth;
+}
+
+.container {
+    width: 1440px;
+    margin: 0 auto;
+}
+
+ul {
+    display: flex;
+    justify-content: space-between;
+}
+
+.header_flex {
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+}
+
+li {
+    text-decoration: none;
+    list-style-type: none;
+    color:black;
+    padding: 26px;
+}
+
+a {
+    text-decoration: none;
+    background-image: linear-gradient(currentColor, currentColor);
+    background-position: 0% 100%;
+    background-repeat: no-repeat;
+    background-size: 0% 2px;
+    color:black;
+    transition: background-size .3s;
+}
+
+a:hover {
+    background-size: 100% 1px;
+}
+
+.background {
+    background-image: url(img/barmen.jpg);
+    background:no-repeat;
+}
+
+
+
+.first-block_content {
+    padding-top: 300px;
+    text-align: start;
+}
+
+.block-for-us {
+    display: flex;
+    justify-content: space-evenly;
+    align-items: center
+}
+
+.block-for-us_padding {
+    padding-left: 25px;
+}
+
+.m-top {
+    margin-top: 100px;
+}
+
+.m-bottom {
+    margin-bottom: 100px;
+}
+
+.block-card {
+    width: 365px;
+}
+
+.block-card_text {
+    display: flex;
+    justify-content: space-between;
+}
+
+.block-card_flex {
+    display: flex;
+    justify-content: space-between;
+}
+
+.background-guide {
+    background-image: url(img/volga.jpg);
+    width: 1900px;
+    background:no-repeat;
+    height: 629px;
+}
+
+.block-guide {
+    padding-top: 150px;
+}
+
+.block-form_text {
+    margin-top: 50px;
+}
+
+form {
+    display: flex;
+}
+
+input {
+    width: 309px;
+    height: 56px;
+}
+
+::placeholder {
+    font-size: 24px;
+    padding-left: 12px;
+}
+
+.blog {
+    display: flex;
+    justify-content: space-between;
+}
+
+.connection_position {
+    display: flex;
+    align-items: center;
+    flex-direction: column
+}
+
+.connection_text {
+    margin-top: 125px;
+    margin-left: 500px;
+}
+
+.background-connection {
+    background-image: url(img/Connection.png);
+    width: 1900px;
+    background: no-repeat;;
+    height: 629px;
+}
+
+.footer_position {
+    display: flex;
+    text-align: center;
+    align-items: center;
+    flex-direction: column;
+}
+
+.animate-charcter
+{
+   text-transform: uppercase;
+  background-image: linear-gradient(
+    -100deg,
+    #000000 50%,
+    #153d32 80%,
+    #398d72 100%
+  );
+  background-size: auto auto;
+  background-size: 200% auto;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  animation: textclip 2s linear infinite;
+  display: inline-block;
+  font-family: 'Playfair Display', serif;
+    font-size: 48px;
+}
+
+@keyframes textclip {
+  to {
+    background-position: 200% center;
+  }
+}
+
+.scale {
+    display: inline-block; /* Строчно-блочный элемент */
+    overflow: hidden; /* Скрываем всё за контуром */
+}
+.scale img {
+    transition: 0.5s; /* Время эффекта */
+    display: block; /* Убираем небольшой отступ снизу */
+}
+.scale img:hover {
+    transform: scale(1.1); /* Увеличиваем масштаб */
+}
+
+