@import url('https://fonts.googleapis.com/css2?family=Playpen+Sans:wght@300&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap');

body {
    font-family: 'Josefin Sans', sans-serif;
    background-color: rgb(26, 26, 26);
    padding-bottom: 10px;
}

.navbar {
    background-color: rgb(14, 14, 14);
    border-bottom: 1px solid rgb(255, 218, 5);
}

.navbar-brand {
    padding-left: 100px;
    color: rgb(255, 218, 5);
}

.navbar-brand:hover {
    color: rgb(255, 218, 5);
}

.container {
    padding-bottom: 20px;
}

.card {
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 1px solid rgb(255, 218, 5);
    border-radius: 5px;
}

.card-body {
    padding: 0%;
    font-family: 'Playpen Sans', cursive;
    background-color: rgb(26, 26, 26);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.footer-body {
    padding-top: 20px;
}

.card-title {
    padding: 5px;
    font-size: 14px;
    text-align: center;
    color: rgb(255, 218, 5);
}

.form-control {
    background-color: rgb(32, 32, 32);
    border: 0;
}

.form-control::placeholder {
    color: rgb(131, 131, 131);
    font-family: 'Playpen Sans', cursive;
}


.footer-title {
    color: rgb(255, 218, 5);
    font-family: 'Josefin Sans', sans-serif;

}

.d-flex {
    padding-right: 100px;
}

.text-center {
    background-color: rgb(26, 26, 26);
    border-top: 1px solid rgb(255, 218, 5);
    border-bottom: 0;
}

.card-footer,
a {
    color: rgb(255, 218, 5);
    font-size: 15px;
}