.banner {
    text-align: center;
    margin-bottom: 50px;
    /*margin-bottom: 50px; !* Change this value to adjust the space between the banner and the rest of the content on the page *!*/
}

.banner img {
    max-width: 100%;
    height: auto;
}

.my-card {
    border-radius: 100px;
}

.card {
    background-color: black !important;
    border: none !important;
}

.card-body {
    background-color: black;
}

.card-body p{
    text-align: left;
}

.card-body p span{
    font-weight: bolder;
}

#app {
    background-color: black;
    min-height: 100vh;
}

body {
    margin: 0px;
  }

.minCard {
    width: fit-content !important;
}

.blue {
    color: dodgerblue;
    font-weight: normal;
}

.form-control {
    border-color: dodgerblue !important;
}