World's Best Pizza Shop
--
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.Praesentium, beatae? Neque, amet Lorem + ipsum dolor sit amet consectetur adipisicing elit.
+
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