diff --git a/src/App.js b/src/App.js
index 974cd5e..0a98d54 100644
--- a/src/App.js
+++ b/src/App.js
@@ -6,7 +6,6 @@ import Product from "./Pages/ProductPage/ProductPage"
import Login from "./Pages/SignInPage/SignInPage"
import Cart from "./Pages/ShoppingCart/ShoppingCart"
import Account from "./Pages/AccountPage/AccountPage"
-
import "./GeneralStyles.css";
import "./App.css"
import home from "../src/images/homebutton.png"
diff --git a/src/Pages/AccountPage/AccountPage.css b/src/Pages/AccountPage/AccountPage.css
index cc6aa0c..9f84cce 100644
--- a/src/Pages/AccountPage/AccountPage.css
+++ b/src/Pages/AccountPage/AccountPage.css
@@ -1,15 +1,9 @@
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
-.body{
- /* height: 500%;
- width:500%; */
- display: flex;
- justify-content: center;
- align-items: center;
- padding: 100px;
- background: linear-gradient(135deg, #71b7e6, #9b59b6);
+body
+{
+ background-image:url("../../images/oceanimagedesktop.jpg");
}
-
.nav {
background-color: grey;
height: 30px;
@@ -19,7 +13,6 @@
color: white;
margin-right: 2em;
text-decoration: none;
-
}
.container{
position: fixed;
@@ -40,13 +33,13 @@
}
.container .title::before{
content: "";
- position: absolute;
+ position: fixed;
left: auto;
bottom: auto;
height: 3px;
width: 30px;
border-radius: 5px;
- background: linear-gradient(135deg, #71b7e6, #9b59b6);
+ background: linear-gradient(135deg, #71b7e6, #314fa1);
}
.content form .user-details{
display: flex;
@@ -54,9 +47,6 @@
justify-content: space-between;
margin: 20px 0 12px 0;
}
-.positioning{
- width: 8em;
-}
form .user-details .input-box{
margin-bottom: 15px;
width: calc(100% / 2 - 20px);
@@ -130,11 +120,11 @@ form .input-box span.details{
letter-spacing: 1px;
cursor: pointer;
transition: all 0.3s ease;
- background: linear-gradient(135deg, #71b7e6, #9b59b6);
+ background: linear-gradient(135deg, #71b7e6, #314fa1);
}
form .button input:hover{
/* transform: scale(0.99); */
- background: linear-gradient(-135deg, #71b7e6, #9b59b6);
+ background: linear-gradient(-135deg, #71b7e6, #314fa1);
}
@media(max-width: 584px){
.container{
@@ -154,7 +144,8 @@ form .user-details .input-box{
.user-details::-webkit-scrollbar{
width: 5px;
}
- }
+}
+
@media(max-width: 459px){
.container .content .category{
flex-direction: column;
diff --git a/src/Pages/AccountPage/AccountPage.js b/src/Pages/AccountPage/AccountPage.js
index a637c91..f5f11f0 100644
--- a/src/Pages/AccountPage/AccountPage.js
+++ b/src/Pages/AccountPage/AccountPage.js
@@ -6,6 +6,50 @@ import { useHistory } from "react-router-dom";
function getAccountInformation() {
+
+ return (
+
+
+
+ );
+
+}
+=======
return (