diff --git a/src/front/index.html b/src/front/index.html index 7d86a64..fba7c86 100644 --- a/src/front/index.html +++ b/src/front/index.html @@ -81,23 +81,133 @@ - - - - - - - - - - - - - - - - -
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ Description +
+
\ No newline at end of file diff --git a/src/front/login-signup.css b/src/front/login-signup.css index a80b99c..e8b07eb 100644 --- a/src/front/login-signup.css +++ b/src/front/login-signup.css @@ -10,14 +10,17 @@ position: absolute; left: calc(50% - var(--width) / 2); top: 30%; + padding: 20px; + border-radius: 10px; + box-shadow: 0px 0px 5px #000; } #show-login:checked~.login-container { - display: flex; + display: block; } #show-signup:checked~.signup-container { - display: flex; + display: block; } .login-container .close-btn, @@ -89,6 +92,7 @@ form .btn { width: 100%; position: relative; overflow: hidden; + border-radius: 45px; } form .btn button { diff --git a/src/front/pixels.css b/src/front/pixels.css index 707f68e..5740757 100644 --- a/src/front/pixels.css +++ b/src/front/pixels.css @@ -1,6 +1,27 @@ -.pixel -{ +.pixel-container { + display: flex; + justify-content: space-evenly; + align-items: center; + width: 100%; + height: 1000px; +} + + +.pixel { background: #0f0; - width: 10px; - height: 10px; + width: 80px; + height: 80px; +} + +.pixel:hover { + box-shadow: 0px 0px 0px 3px #333; + z-index: 5; +} + +table { + border-spacing: 0; +} + +.pixel-description { + position: absolute; } \ No newline at end of file