body {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

form {
  display: flex;
  flex-direction: column;
  align-items: center;
}

input[type="file"] {
  margin-bottom: 20px;
}

#video-preview {
  margin-bottom: 20px;
  max-width: 100%;
}

video {
  width:100px;
  height:80px;
  max-width: 100%;
}


#upload-progress {
  margin-bottom: 20px;
}


@media screen and (max-width: 600px) {
  video {
    width: 100%;
    height: auto;
  }
}