From 3e80a8d0b69d0c2422b920d4c9b5c796dfe68ae2 Mon Sep 17 00:00:00 2001
From: AmitAgency <167094587+AmitAgency@users.noreply.github.com>
Date: Mon, 22 Apr 2024 17:01:28 +0530
Subject: [PATCH] Update styles.css

made some changes in css so that button will align in center, i hope you like the changes
---
 Introduction to CSS/Lesson 3/styles.css | 28 +++++++++++++++++++------
 1 file changed, 22 insertions(+), 6 deletions(-)

diff --git a/Introduction to CSS/Lesson 3/styles.css b/Introduction to CSS/Lesson 3/styles.css
index 045b85bb..87da87af 100644
--- a/Introduction to CSS/Lesson 3/styles.css	
+++ b/Introduction to CSS/Lesson 3/styles.css	
@@ -77,9 +77,13 @@ html, body {
 }
 
 .container {
-    max-width: 900px;
+/*     max-width: 900px;
     margin: 0 auto;
-    padding: 0 1.5em;
+    padding: 0 1.5em; */
+
+        display: flex;
+    justify-content: center;
+    margin: 25px;
 }
 .section-header {
     font-family: "Metal Mania";
@@ -130,7 +134,7 @@ html, body {
 }
 
 .btn-header {
-    margin: .5em 15% 2em 15%;
+/*     margin: .5em 15% 2em 15%; */
     color: white;
     border: 2px solid #2D9CDB;
     background-color: rgba(255, 255, 255, .1);
@@ -146,7 +150,7 @@ html, body {
 }
 
 .btn-play {
-    display: block;
+/*     display: block;
     margin: 0 auto;
     color: #2D9CDB;
     font-size: 4em;
@@ -154,7 +158,19 @@ html, body {
     width: 100px;
     height: 100px;
     padding: 0;
-    text-align: center;
+    text-align: center; */
+        display: flex;
+    margin: 0 auto;
+    color: #2D9CDB;
+    font-size: 4em;
+    border-radius: 50%;
+    width: 100px;
+    height: 100px;
+    padding: 0px;
+    /* text-align: center; */
+    justify-content: center;
+    align-items: center;
+    padding-left: 14px;
 }
 
 .btn-primary {
@@ -337,4 +353,4 @@ html, body {
     display: block;
     margin: 40px auto 80px auto;
     font-size: 1.75em;
-}
\ No newline at end of file
+}