Content warning

src/index.css

@@ -102,6 +102,34 @@ input[type="text"], textarea, input[type="datetime-local"], input[type="password
   font-weight: 500;
 }
 
+input[type="checkbox"] {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  width: 20px;
+  height: 20px;
+  border-radius: 4px;
+  border: 2px solid #333;
+  background-color: transparent;
+}
+
+input[type="checkbox"]:after {
+  content: ' ';
+  position: relative;
+  left: 40%;
+  top: 20%;
+  width: 15%;
+  height: 40%;
+  border: solid #fff;
+  border-width: 0 2px 2px 0;
+  transform: rotate(50deg);
+  display: none;
+}
+
+input[type="checkbox"]:checked:after {
+  display: block;
+}
+
 div.paper {
   background: #171717;
   border-radius: 16px;
@@ -114,4 +142,12 @@ div.paper {
 .scroll-lock {
   overflow: hidden;
   height: 100vh;
+}
+
+.warning {
+  color: #FF563F;
+}
+
+.border-warning {
+  border: 1px solid #FF563F;
 }