disabled class

web/public/style.css

@@ -272,38 +272,21 @@ ul {
 li {
   all: revert;
 }
-img, video, canvas {
+img,
+video,
+canvas {
   overflow: hidden;
 }
 img {
   all: revert-layer;
   display: block;
   margin: 0 auto;
-  border-radius: 6px;
 }
-video {
-  border-radius: 6px;
-}
-.t_symbol {
-  margin: 2rem auto;
-  font-family: "Nanum Myeongjo", serif;
-  text-align: center;
-  font-size: 64px;
-  /* font-weight: bold; */
-  color: #666;
-}
-footer {
-  margin-top: 128px;
-  height: 64px;
-  line-height: 64px;
-  letter-spacing: 0.5px;
-  font-size: 0.75em;
-}
-input {
-  outline: none;
-  border: none;
-  padding: 8px 16px;
-  border-radius: 32px;
-  letter-spacing: 1px;
-  font-size: 16px;
+/* keep this at the end */
+.disabled {
+  filter: grayscale(100%);
+  opacity: 0.666;
+  cursor: not-allowed;
+  pointer-events: none;
+  user-select: none;
 }