body {
     margin: 0;
     padding: 0;
     background-color: papayawhip;

 }

 .first h1 {
     text-align: center;
     font-size: 1.7em;
     font-weight: 800;
 }

 .first .paragraph {
     text-align: center;
     width: 80%;
     margin: 0 auto;
     font-size: 1.4em;
 }

 .first .image {
     width: 90%;
     margin: 50px auto;

 }

 .first .image img {
     width: 100%;
 }

 .secound h2 {
     text-align: center;
     font-weight: 800;

 }

 .secound .container {
     display: flex;
     justify-content: space-around;
     align-items: center;
     flex-direction: row;
     flex-wrap: wrap;
 }

 .secound .container .paragraph {
     font-size: 1.4em;
     width: 400px;
 }

 .medile {
     text-align: center;
     font-size: 1.4em;
     font-weight: 800;
     margin: 30px auto;
     letter-spacing: 1px;
     word-spacing: 2px;
     line-height: 2;
 }

 .image2 {
     width: 90%;
     margin: 50px auto;
 }

 .image2 img {
     width: 100%;
 }

 .bloock {
     height: 500px;
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
     padding: 20px 100px;
 }

 .img3 {
     margin: 0 auto;
     padding: 30px;

 }

 .img3 img {
     width: 100%;
     height: 90%;
 }

 .bloock .paragraph {
     padding: 20px;
     margin: 0 auto;
 }

 .bloock .paragraph h3 {
     text-align: center;
     font-size: 1.5em;
     font-weight: 800;
 }

 .bloock .paragraph div {
     font-size: 1.4em;
     line-height: 2;
 }

 .vid {
     width: 80%;
     margin: 50px auto;
 }

 .vid video {
     width: 100%;
 }

 @media (max-width :1000px) {
     .bloock {
         height: 800px;
     }
 }

 .pages {
     padding: 20px 100px;
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: center;
 }

 .pages div {
     margin: 0 10px;
 }

 .pages a {
     width: 80%;
     display: inline-block;
     padding: 20px;
     text-decoration: none;
     background-color: rgb(28, 24, 54);
     color: #fff;
     transition: 0.6s ease;
     margin: 20px;
     border-radius: 25px;
 }

 .pages a:hover {
     transform: scale(1.1);
 }