diff --git a/src/main/webapp/css/login-signup.css b/src/main/webapp/css/login-signup.css
index baa7751..0ae72c1 100644
--- a/src/main/webapp/css/login-signup.css
+++ b/src/main/webapp/css/login-signup.css
@@ -1,118 +1,28 @@
-.login-container,
-.signup-container {
- --width: 410px;
+.login,
+.signup {
display: none;
- visibility: visible;
background: #fff;
- width: var(--width);
- margin: 30px;
- box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
+
+ padding: 2rem;
+ width: 40rem;
+
position: absolute;
- left: calc(50% - var(--width) / 2);
+ left: 50%;
top: 30%;
- padding: 20px;
- border-radius: 10px;
- box-shadow: 0px 0px 5px #000;
+ margin-left: -20rem;
+
+ font-size: 25px;
+ text-align: center;
}
-#show-login:checked ~ .login-container {
- display: block;
-}
-
-#show-signup:checked ~ .signup-container {
- display: block;
-}
-
-.login-container .close-btn,
-.signup-container .close-btn {
+.close {
position: absolute;
right: 20px;
top: 15px;
font-size: 18px;
+}
+
+.login > button,
+.signup > button {
cursor: pointer;
}
-
-.login-container .close-btn:hover,
-.signup-container .close-btn:hover {
- color: #3498db;
-}
-
-.login-container .text,
-.signup-container .text {
- font-size: 35px;
- font-weight: 600;
- text-align: center;
-}
-
-.login-container form,
-.signup-container form {
- margin-top: -20px;
-}
-
-.login-container form .data,
-.signup-container form .data {
- height: 45px;
- width: 100%;
- margin: 40px 0;
-}
-
-form .data label {
- font-size: 18px;
-}
-
-form .data input {
- height: 100%;
- width: 100%;
- padding-left: 10px;
- font-size: 17px;
- border: 1px solid silver;
-}
-
-form .data input:focus {
- border-color: #3498db;
- border-bottom-width: 2px;
-}
-
-form .forgot-pass {
- margin-top: -8px;
-}
-
-form .forgot-pass a {
- color: #3498db;
- text-decoration: none;
-}
-
-form .forgot-pass a:hover {
- text-decoration: underline;
-}
-
-form .btn {
- margin: 30px 0;
- height: 45px;
- width: 100%;
- position: relative;
- overflow: hidden;
- border-radius: 45px;
-}
-
-form .btn:hover {
- box-shadow: 0px 0px 5px 5px #3333;
-}
-
-form .btn button {
- height: 100%;
- width: 100%;
- background: none;
- border: none;
- color: #fff;
- font-size: 18px;
- font-weight: 500;
- text-transform: uppercase;
- letter-spacing: 1px;
- cursor: pointer;
- background: -webkit-linear-gradient(right, #56d8e4, #9f01ea);
-}
-
-form .signup-login-link {
- text-align: center;
-}
diff --git a/src/main/webapp/css/title-bar.css b/src/main/webapp/css/title-bar.css
index 77012d4..fa85748 100644
--- a/src/main/webapp/css/title-bar.css
+++ b/src/main/webapp/css/title-bar.css
@@ -1,40 +1,22 @@
-.title-bar {
+nav {
display: flex;
flex-direction: row;
justify-content: space-between;
background: #3333;
- height: 100px;
-}
-
-.title {
- display: flex;
- align-items: center;
- font-size: 50px;
-}
-
-.title img {
- width: 80%;
- height: 80%;
- border-radius: 10%;
- margin: 10%;
+ height: 5rem;
}
.profil {
display: flex;
- flex-direction: row-reverse;
align-items: center;
+ gap: 1rem;
+ margin: 0 1rem;
}
-.login-btn,
-.signup-btn,
-.menu-btn {
+.profil > button {
background: #fff;
- margin: 10% 10px;
- padding: 10% 10px;
color: #3498db;
+ height: 60%;
+ width: 5rem;
cursor: pointer;
}
-
-.show {
- display: none;
-}
diff --git a/src/main/webapp/index.html b/src/main/webapp/index.html
index d7efebf..cf451fa 100644
--- a/src/main/webapp/index.html
+++ b/src/main/webapp/index.html
@@ -7,110 +7,70 @@
-
+
-
-
Pixels
-