diff --git a/public/style.css b/public/style.css
index a1e8dde..849faa7 100644
--- a/public/style.css
+++ b/public/style.css
@@ -51,6 +51,7 @@ body {
overflow: hidden;
position: relative;
width: 100%;
+ background-color: rgba(255, 255, 255, 0.4);
}
.container_form {
@@ -58,16 +59,19 @@ body {
position: absolute;
top: 0;
transition: all 0.6s ease-in-out;
+ background-color: rgba(255, 255, 255, 0.4);
}
.container--signin {
left: 0;
width: 50%;
z-index: 5;
+ background-color: rgba(255, 255, 255, 0.4);
}
.container.right-panel-active .container--signin {
transform: translateX(100%);
+ background-color: rgba(255, 255, 255, 0.4);
}
.container--signup {
@@ -75,6 +79,7 @@ body {
opacity: 0;
width: 50%;
z-index: 4;
+ background-color: rgba(255, 255, 255, 0.4);
}
.container.right-panel-active .container--signup {
@@ -82,6 +87,7 @@ body {
opacity: 1;
transform: translateX(100%);
z-index: 8;
+ background-color: rgba(255, 255, 255, 0.4);
}
.container_overlay {
@@ -93,10 +99,12 @@ body {
transition: transform 0.6s ease-in-out;
width: 50%;
z-index: 100;
+ background-color: rgba(255, 255, 255, 0.4);
}
.container.right-panel-active .container_overlay {
transform: translateX(-100%);
+ background-color: rgba(255, 255, 255, 0.4);
}
.overlay {
@@ -111,10 +119,12 @@ body {
transform: translateX(0);
transition: transform 0.6s ease-in-out;
width: 200%;
+ background-color: rgba(255, 255, 255, 0.4);
}
.container.right-panel-active .overlay {
transform: translateX(50%);
+ background-color: rgba(255, 255, 255, 0.4);
}
.overlay_panel {
@@ -129,23 +139,28 @@ body {
transform: translateX(0);
transition: transform 0.6s ease-in-out;
width: 50%;
+ background-color: rgba(255, 255, 255, 0.4);
}
.overlay--left {
transform: translateX(-20%);
+ background-color: rgba(255, 255, 255, 0.4);
}
.container.right-panel-active .overlay--left {
transform: translateX(0);
+ background-color: rgba(255, 255, 255, 0.4);
}
.overlay--right {
right: 0;
transform: translateX(0);
+ background-color: rgba(255, 255, 255, 0.4);
}
.container.right-panel-active .overlay--right {
transform: translateX(20%);
+ background-color: rgba(255, 255, 255, 0.4);
}
.btn {