html, body, #app {
  height: 100%;
}
body {
  margin: 0;
  background: #303030;
}
#app {
  text-align: center;
}
#progress {
  width: 40%;
  height: 0;
  padding-bottom: 40%;
  position: absolute;
  top: 5%;
  left: 30%;
  background: red;
  border-radius: 50%;
}
#progress-cover{
  width: 80%;
  height: 0;
  padding-bottom: 80%;
  background: #303030;
  border-radius: 50%;
  position: absolute;
  top: 10%;
  left: 10%;
}
#password {
  width: 30%;
  height: 2.5%;
  position: absolute;
  top: 48.75%;
  left: 35%;
}
#submit {
  width: 10%;
  height: 0;
  padding-bottom: 10%;
  border-radius: 50%;
  position: absolute;
  left: 45%;
  bottom: 5%;
  background-image: radial-gradient(red, darkred);
  border: none;
}
#submit:disabled {
  background-image: radial-gradient(red, black 20%);
}