diff --git a/web/index.html b/web/index.html
index 599d93b8..e8596887 100644
--- a/web/index.html
+++ b/web/index.html
@@ -14,7 +14,8 @@
}
body {
- background-color: black;
+ background-color: white;
+ background-image: linear-gradient(187deg, rgba(16,16,16, 0.07) 0%, rgba(16,16,16, 0.07) 50%,rgba(246,239,239, 0.07) 50%, rgba(246,239,239, 0.07) 100%),linear-gradient(255deg, rgba(255,255,255, 0.09) 0%, rgba(255,255,255, 0.09) 50%,rgba(209,186,186, 0.09) 50%, rgba(209,186,186, 0.09) 100%),linear-gradient(191deg, rgba(170,156,156, 0.08) 0%, rgba(170,156,156, 0.08) 50%,rgba(255,255,255, 0.08) 50%, rgba(255,255,255, 0.08) 100%),linear-gradient(339deg, rgba(255,255,255, 0.04) 0%, rgba(255,255,255, 0.04) 50%,rgba(76,189,219, 0.04) 50%, rgba(76,189,219, 0.04) 100%),linear-gradient(173deg, rgba(125,119,119, 0.09) 0%, rgba(125,119,119, 0.09) 50%,rgba(250,246,246, 0.09) 50%, rgba(250,246,246, 0.09) 100%),linear-gradient(317deg, rgba(255,255,255, 0.01) 0%, rgba(255,255,255, 0.01) 50%,rgba(249,249,249, 0.01) 50%, rgba(249,249,249, 0.01) 100%),linear-gradient(173deg, rgba(138,123,123, 0.07) 0%, rgba(138,123,123, 0.07) 50%,rgba(251,251,251, 0.07) 50%, rgba(251,251,251, 0.07) 100%),linear-gradient(222deg, rgba(243,243,243, 0.05) 0%, rgba(243,243,243, 0.05) 50%,rgba(35,31,31, 0.05) 50%, rgba(35,31,31, 0.05) 100%),linear-gradient(232deg, rgba(251,246,246, 0.01) 0%, rgba(251,246,246, 0.01) 50%,rgba(249,249,249, 0.01) 50%, rgba(249,249,249, 0.01) 100%),linear-gradient(90deg, rgb(0,0,0),rgb(255,255,255),rgb(255,255,255));
color: gray;
height: 100vh;
display: grid;
@@ -39,6 +40,7 @@
margin: 0 auto;
z-index: -1;
color: #F0F0F0;
+ outline: 10px solid black;
}
#dragdrop::before {
@@ -113,6 +115,7 @@
pointer-events: auto;
touch-action: manipulation;
outline: 0;
+ background-image: linear-gradient(180deg, rgb(0,0,0,0) 20%, rgb(0,0,0) 40%, rgb(0,0,0) 60%, rgb(0,0,0,0) 80%);
}
.icon-bar {
display: block;
@@ -276,7 +279,7 @@
-
+