0.0.3

static/aerbimCSS.css

@@ -1,6 +1,24 @@
+
 body,html{
     margin: 0;
     background: #ffffff;
+    font-family:
+        -apple-system,
+        'Raleway-Black' ,
+        'Raleway-BlackItalic',
+        'Raleway-Bold' ,
+        'Raleway-BoldItalic' ,
+        'Raleway-ExtraBold' ,
+        'Raleway-ExtraBoldItalic' ,
+        'Raleway-ExtraLight' ,
+        'Raleway-ExtraLightItalic' ,
+        'Raleway-Medium' ,
+        'Raleway-MediumItalic' ,
+        'Raleway-SemiBold' ,
+        'Raleway-SemiBoldItalic' ,
+        'Raleway-Thin' ,
+        'Raleway-ThinItalic' ,
+        'sans-serif';
 }
 
 .header{
@@ -17,6 +35,10 @@ body,html{
     margin: auto;
 }
 
+.content{
+    width: 100%;
+    margin-top: 55px;
+}
 
 
 /*header*/
@@ -41,6 +63,7 @@ body,html{
 .standart_txt{
     color: #ffffff;
     /*font-family: Spline Sans;*/
+    font-family: -apple-system, 'Raleway-Regular', sans-serif;
     font-size: 16px;
     font-weight: 500;
     line-height: normal;
@@ -75,4 +98,65 @@ body,html{
     background: none;
     border: none;
     outline: none;
+}
+
+
+
+/*sections*/
+
+.container_sections_buttons{
+    height: 55px;
+    background: #10212B;
+    position: sticky;
+    top: 60px;
+}
+
+.container_content_sections_buttons{
+    width: 100%;
+    display: flex;
+    height: 55px;
+}
+
+.section_btn{
+    display: block;
+    text-decoration: none;
+    transition: 300ms;
+}
+.section_btn.close{
+    background: #10212B;
+    height: 55px;
+    transition: 300ms;
+}
+.section_btn.open{
+    height: 45px;
+    background: #ffffff;
+    position: relative;
+    bottom: -10px;
+    border-radius: 5px 5px 0 0;
+    transition: 300ms;
+}
+.section_btn.open > .txt_section{
+    color: #10212B;
+    padding: 15px 30px 15px 30px;
+    transition: 300ms;
+}
+.section_btn.close > .txt_section{
+    color: #ffffff;
+    padding: 18px 30px 18px 30px;
+    transition: 300ms;
+}
+
+.section_btn:hover > .txt_section{
+    padding: 15px 30px 15px 30px;
+    transition: 300ms;
+}
+
+.section_btn:hover {
+    height: 45px;
+    position: relative;
+    bottom: -10px;
+}
+
+.txt_section{
+    padding: 18px 30px 18px 30px;
 }