add icones de redes sociais

Author: annezao

css/main.css

@@ -42,6 +42,11 @@ main, main div#main-wrapper {
     text-align: center;
 }
 
+.display-center {
+    display: flex;
+    justify-content: center;
+}
+
 .main-font-family {
     font-family: 'Xilosa';
 }
@@ -131,6 +136,13 @@ h1#main-title span {
     align-self: flex-end;
 }
 
+.social-media a:nth-child(odd) {
+    margin-right: 20px;
+}
+.social-media a {
+    display: block;
+}
+
 @keyframes bounceRibbonsLeft {
     0% {
         transform: translateY(0)

img/instagram.svg

@@ -77,6 +77,10 @@ <h4>
                     A edição da Python Nordeste<br/>da <span class="rainbow-text">diversidade e inclusão</span>.
                 </h4>
                 <h2>Nos vemos logo logo!</h2>
+                <div class="social-media display-center">
+                    <a href="https://www.instagram.com/pythonnordeste/"><img src="img/instagram.svg" alt="Instagram" width="30px"></a>
+                    <a href="https://twitter.com/pythonnordeste"><img src="img/twitter.svg" alt="Twitter" width="30px"></a>
+                </div>
             </div>
         </div>
     </main>