body {
  padding: 60px;
}

.container {
  max-width: 600px;
  margin: auto;
  padding: 40px;
  box-shadow: rgba(80, 80, 100, 0.2) 0px 4px 28px 0px;
}

.form-group {
  margin-bottom: 20px;
}

.card-header {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
}

.centered-text {
  text-align: center;
}

p.Black {
  color: black;
}
p.Red {
  color: red;
}
p.Green {
  color: green;
}
p.Blue {
  color: blue;
}
p.Yellow {
  color: yellow;
}

.container-style {
  max-width: 600px;
  margin: auto;
  padding: 20px 0; /* Adjust the padding as needed */
  text-align: initial;
}