body {
    background-image: url(https://media4.giphy.com/media/v1.Y2lkPTc5MGI3NjExejRnM3B0Zmd0cjFscmhrZjUzMnhtaHJ3NWFnc2JxM3R0M3piazBmaCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/3o7bu8qJpjldRYVeE0/giphy.gif);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    font-family: Arial
}

.card {
    background: #12182b;
    border-radius: 15px
}
@media screen and (max-width: 390px) {
    .card {
    background: #12182b;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
}

.btn-main {
    background: #148d5d;
    color: #fff;
    font-weight: bold
}
.btn-main:hover {
    background: #0d4730;
    color: #fff;
    font-weight: bold
}

input,
select {
    width: 100%;
    padding: 10px;
    border-radius: 8px;
    border: none
}
.col-12 {
    flex: 0 0 auto;
    width: 33%;
}
h4{
    color:white;
}
h3{
    color:white;
}
h2{
    color:white;
}