From 47bcf85560ebc169e4aa678a286928f07cea5828 Mon Sep 17 00:00:00 2001
From: Sahas R <sahasr369@gmail.com>
Date: Sun, 10 Oct 2021 00:33:06 +0530
Subject: [PATCH] Modified the allignment in HTML and CSS

---
 pizza/index.html |   7 +--
 pizza/style.css  | 115 +++++++++++++++++++++++++++--------------------
 2 files changed, 71 insertions(+), 51 deletions(-)

diff --git a/pizza/index.html b/pizza/index.html
index c304579..0eb2fe1 100644
--- a/pizza/index.html
+++ b/pizza/index.html
@@ -25,9 +25,10 @@
 
     <div class="content">
         <h1><span id="w">W</span>orld's Best Pizza Shop</h1>
-        <hr>
-        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. <br>Praesentium, beatae? Neque, amet </p>
-        <button>Order Now</button>
+        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.Praesentium, beatae?  
+            Neque, amet Lorem ipsum dolor sit amet consectetur adipisicing elit.Praesentium, beatae? Neque, amet Lorem
+             ipsum dolor sit amet consectetur adipisicing elit. </p>
+        <button class=".button"><b>Order Now</b></button>
 
     </div>
     <img src="pizza.gif" alt="pizza">
diff --git a/pizza/style.css b/pizza/style.css
index 62598c0..14be4b4 100644
--- a/pizza/style.css
+++ b/pizza/style.css
@@ -1,48 +1,53 @@
-body{
-    background-color: #e9d6cd;
-    width:100%;
-    height:100vh;
-    overflow: hidden;
+body {
+  background-color: #e9d6cd;
+  width: 100%;
+  height: 100vh;
+  overflow: hidden;
 }
-fas{
-    color: rgb(0, 0, 0);
+fas {
+  color: rgb(0, 0, 0);
 }
-img{
-    position: absolute;
-    bottom: 0;
-    right: 0;
-    width: 40%;
-    animation: 1s animate ease-in-out;
+img {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  top: 27%;
+  width: 32%;
+  animation: 1s animate ease-in-out;
 }
 ul {
-    display: flex;
-    justify-content: center;
-    list-style: none;
-    margin:0;
-    padding:0;
-    overflow:hidden;
-    background-color: black;
+  display: flex;
+  justify-content: center;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+  background-color: rgb(71, 67, 67);
 }
-#w{
-    color:darkred;
-    font-weight: 800px;
+p{
+    text-align: left;
+    padding-left: 2%;
+    padding-right: 35%;
+}
+#w {
+  color: darkred;
+  font-weight: 800px;
 }
 
-li a{
-    text-decoration: none;
-    display: block;
-    color: white;
-    text-align: center;
-    padding: 14px 16px;
+li a {
+  text-decoration: none;
+  display: block;
+  color: white;
+  text-align: center;
+  padding: 14px 16px;
 }
- li:hover{
-   
-    background-color: rgb(65, 68, 73);
-    
-    border-radius: 15%;
+li:hover {
+  background-color: rgb(39, 34, 34);
+
+  border-radius: 15%;
 }
-.content h1{
-    font-size: 60px;
+.content h1 {
+  font-size: 60px;
 }
 button{
     margin-top: 20px;
@@ -50,18 +55,32 @@ button{
     border: none;
     outline: none;
     letter-spacing: 0.04em;
-    font-size: 20px;
+    font-size: 18px;
     padding: 15px 20px;
-    border-radius: 25px;
+    border-radius: 20px;
+    cursor: pointer;
+    text-align: center;
 }
-hr{ 
-    margin-top: 30px;
-    margin-right: 46%;
-    height: 6px;
-    background: #000;
-    border-radius: 5px;
-    
+ /* .button {
+ background-color: #4caf50; Green 
+  border: none;
+  color: white;
+  padding: 15px 32px;
+  text-align: center;
+  text-decoration: none;
+  display: inline-block;
+  font-size: 16px;
+}  */
+hr {
+  margin-top: 30px;
+  margin-right: 46%;
+  height: 6px;
+  background: #000;
+  border-radius: 5px;
+}
+.content p {
+  font-size: 30px;
+}
+h1{
+    text-align: center;
 }
-.content p{
-    font-size: 30px;
-}
\ No newline at end of file