add section about

index.html

@@ -37,10 +37,17 @@
             </div>
         </div>
         <div class="about">
-            <h2 class="about_h2">About me</h2>
-            <div class="about_descr">Lorem ipsum dolor sit amet consectetur, adipisicing elit. 
-                Cum dicta aliquid laboriosam accusamus ad nisi eaque quia velit nihil ullam omnis,
-                 odio deleniti sint libero quas. Dicta dolorem culpa ab!</div>
+            <div class="container">
+                <h2 class="about_h2">About me</h2>
+                <div class="about_descr">I like to study and learn something new. 
+                    I like to read books, do physical education, listen to music of different genres. 
+                    I'm fond of good cars and bikes. I lead active and healhy lifestyle. 
+                    I like to work and see the results of my work.
+                    Since childhood, I have had a predisposition to work with electronics and computers. 
+                    I like to disassemble, assemble and configure something. 
+                    I can build, configure, solve problems with computers.
+                </div>
+            </div>
         </div>
     </main>
     <footer>

style.css

@@ -69,7 +69,7 @@ header nav .list_item_link:hover{
 }
 
 main {
-  padding: 15px 0;
+  padding-top: 15px;
   background-color: #FFFDD0;
 }
 
@@ -104,4 +104,20 @@ main {
 
 /* section about */
 
+.about {
+  padding-top: 15px;
+}
+
+.about_h2 {
+  font-family: Roboto;
+  font-weight: 700;
+  font-size: 24px;
+  text-align: center;
+}
 
+.about_descr {
+  padding-top: 15px;
+  font-family: Roboto;
+  font-weight: 300;
+  font-size: 18px;
+}