diff --git a/css/index.css b/css/index.css
index 4e1c5ca..8af4484 100644
--- a/css/index.css
+++ b/css/index.css
@@ -2,37 +2,6 @@
@import url("https://fonts.googleapis.com/css2?family=Manrope&family=Pattaya&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Parisienne&display=swap");
body {
- margin: 0;
- padding: 0;
-}
-nav ul{
- margin: 0;
- padding: 0;
- overflow: hidden;
- list-style-type: none;
- padding-top: 20px;
-}
-nav ul li{
- float: left;
- font-family: "Manrope", sans-serif;
-}
-nav ul li a{
- padding: 10px 20px;
- text-decoration: none;
- color: whitesmoke;
- display: block;
- text-align: center;
- font-size: 14px;
-}
-nav ul li a:hover{
- background-color: #111;
-}
-nav ul li a:active{
- background-color: whitesmoke;
- color: #111;
-}
-
-#intro {
height: 100vh;
background-image: linear-gradient(
rgba(46, 54, 61, 0.685),
@@ -43,14 +12,8 @@ nav ul li a:active{
margin: 0;
background-attachment: fixed;
}
-.title {
- top: 30%;
- left: 40%;
- position: absolute;
- padding: 10px;
- text-align: center;
- display: inline-block;
- color: whitesmoke;
+nav ul li a{
+ font-family: "Manrope", sans-serif;
}
.logo{
max-width: 100px;
@@ -65,12 +28,7 @@ nav ul li a:active{
transform: scale(1);
}
}
-.title h5 {
- font-family: "Parisienne", cursive;
- font-size: 50px;
- margin: 0;
-}
-.title .order-button a{
+.btn{
border: whitesmoke solid 1.5px;
color: whitesmoke;
text-decoration: none;
@@ -79,9 +37,9 @@ nav ul li a:active{
margin-top: 10px;
font-family: "Manrope", sans-serif;
}
-.title .order-button a:hover{
-background-color: rgba(46, 54, 61, 0.685);
+.btn:hover{
+ background-color: rgba(46, 54, 61, 0.685);
color: whitesmoke;
border: rgba(46, 54, 61, 0.685) solid 1.5px;
-transition: .8s;
+transition: .4s;
}
\ No newline at end of file
diff --git a/index.html b/index.html
index 1fd922f..ea2c4a7 100644
--- a/index.html
+++ b/index.html
@@ -1,29 +1,91 @@
-
-
-
- Indulge-HomePage
-
+
+
+
+
+
+
+
+
+ Indulge
-
-
-
-
-
The Indulge
-
+
+
+
+
+ The Indulge
+
+
+