input{
  width:320px;
}
b{
  color:#ff0000;
}
#totp{
  font-size:20vw;
  width:99%;
}


.bar-container {
  width: 100%;
  height: 20px;
  background-color: #ddd;
  overflow: hidden;
  
}

.bar {
  width: 100%;
  height: 100%;
  background-color: #333;
  animation: shrink 30s linear forwards;
}

@keyframes shrink {
  from {
    width: 100%;
  }
  to {
    width: 0%;
  }
}