maj

css/style.css

@@ -40,4 +40,56 @@ footer {
 }
 #addVideoHandler{
   display: flex;
+}
+
+#show-form-button {
+  left: 20px;
+}
+
+.form-container {
+  z-index: 25;
+  display: none;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5);
+  justify-content: center;
+  align-items: center;
+}
+
+.form-content {
+  background-color: #fff;
+  padding: 20px;
+  border-radius: 8px;
+  text-align: center;
+}
+
+.form-content h1 {
+  margin: 0;
+}
+
+#close-form-button {
+  margin-top: 20px;
+}
+
+.duration-input {
+  display: flex;
+  align-items: center;
+}
+
+.duration-input button {
+  width: 30px;
+  height: 30px;
+  margin: 0 5px;
+}
+
+.duration-input input {
+  width: 50px;
+  text-align: center;
+}
+
+#close-form-button {
+  margin-top: 20px;
 }