body {
    font-family: 'Open Sans', sans-serif;
    background-color: #2E1F36;
}

.text-purple {
    color: #3E2947;
}

.bg-banner {
    /*background-image: url('../img/banniere/xxxl.webp');
	background-image: url('../img/banniere/love.jpg');*/
	background-image: url('../img/banniere/xxxl.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
    background-size: cover;
    min-height: 812px;
}


.navbar {
    display: flex !important;
    justify-content: center !important;
    margin-top: -90px;
}

.logo {
    height: 140px
}

.Title {
    font-family: 'Niconne', cursive;
    font-size: 6em;
    color: #724EB0;
    line-height: 95px;
}

.text-bold {
    font-weight: bold;
}

.text-bolder {
    font-weight: bolder;
}

.form-section {
    margin: -350px auto 80px auto;
    position: relative;
    z-index: 99;
    padding: 0px 4rem 30px 4rem;
    background: transparent linear-gradient(180deg, #F8EFEB 0%, #B5A5A6 86%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 12px 30px #00000099;
    border: 5px solid #CDB6A0;
    border-radius: 30px;
}

footer {
    background-color: #CFC2C1;
    color: #724EB0;
    font-weight: bold;
}

.btn-footer {
    text-align: center;
    border-radius: 30px;
    letter-spacing: 0px;
    color: #FFFFFF;
    padding: 12px 20px;
    background: #724EB0 0% 0% no-repeat padding-box;
    box-shadow: inset 0px 3px 6px #00000029;
}

.tdr {
    background-color: #180E1D;
    text-align: center;
    color: white;
}

.validation-block {
    background-color: #730616;
    border-radius: 25px;
    box-shadow: 0 0 18px 6px #0f1e7a3b;
}

input, textarea, .form-group, .form-control {
    border-radius: 25px !important;
    border: 1px solid #4B3856;
}

.scroll-top {
    padding: 20px !important;
    border-radius: 50%;
    font-weight: bold;
}

.btn-genre {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #4B3856;
    border-radius: 15px;
    display: grid;
    justify-items: center;
    padding: 0.4em 3em;
    margin: 0.5em;

}

.btn-genre:hover {
    cursor: pointer;
}

.btn-genre-f {
    background-color: #E9D8E9 !important;
}

.btn-genre-m {
    background-color: #d8d9e9 !important;
}


.input-icons i, .input-icons svg {
    position: absolute;
    padding: 4px;
    margin-top: 1px;
}

.input-icons {
    width: 100%;
    margin-bottom: 10px;
}


.input-field {
    width: 100%;
    padding: 10px 0px 10px 48px;
}

a {
    color: #5A16CE;
    text-decoration: none;
}