body{
    font-family: 'Roboto Condensed', sans-serif;
    overflow-x: hidden;
    background: #180949;
}

.wrap{
    width: 100%;
    padding: 20px;
    position: relative;
}
.wrap::before {
    content: "";
    /* width: 697px;
    height: 697px; */
    position: absolute;
    right: -240px;
    top: -280px;
    z-index: 0;
    filter: blur(250px);
    background: linear-gradient(181deg, rgb(196, 59, 76) 0%, rgb(0, 35, 201) 100%);
    border-radius: 50%;
}


.wrap::after {
    content: "";
    width: 605px;
    height: 605px;
    position: absolute;
    left: -330px;
    bottom: -280px;
    z-index: 0;
    filter: blur(250px);
    background: linear-gradient(181deg, rgb(196, 59, 76) 0%, rgb(0, 35, 201) 100%);
    border-radius: 50%;
}


.btn.btn-outline-warning{
    z-index: 2;
    position: relative;
}
.btn-outline-primary{
    color: #FBB903;
    border-color: #FBB903;
}

.btn-outline-primary:hover{
    color: #FBB903;
    border-color: #FBB903;
}

.table>:not(caption)>*>* {
    border-bottom-width : 0;
    background: transparent;
}

.headerConcours{
    background: linear-gradient(151deg, rgb(196, 59, 76) 0%, rgb(0, 35, 201) 100%);
    border-radius: 18px;
    margin-top: 50px;
    position: relative;
    margin-bottom: 50px;
}

.btn-warning{
    background: linear-gradient(151deg, rgb(196, 59, 76) 0%, rgb(0, 35, 201) 100%);
    color: white;
    border: none;
}

.badge{
    background-color: rgb(37 22 82);
}

/* Animations */
img.gift-euro-2024 {
    position: absolute;
    top: -45px;
    left: -80px;
    z-index: 0;
}

img.coin-top-euro-2024 {
    position: absolute;
    right: -15px;
    top: -10px;
    z-index: 0;
}

img.coin-bottom-euro-2024 {
    position: absolute;
    right: 0px;
    left: 0px;
    bottom: -52px;
    z-index: 0;
    margin: auto;
}

.float-animation {
    animation-timeline: auto;
    animation-range-start: normal;
    animation-range-end: normal;
    animation: 3s ease-out 0s infinite normal none running float;
}

.float-animation2 {
    animation-timeline: auto;
    animation-range-start: normal;
    animation-range-end: normal;
    animation: 5s ease-out 0s infinite normal none running float;
}


.float-animation3 {
    animation-timeline: auto;
    animation-range-start: normal;
    animation-range-end: normal;
    animation: 7s ease-out 0s infinite normal none running float;
}

@keyframes float{
    50% {
        transform: translate(0px, 20px);
    }
}

.frontground{
    z-index: 2;
    position: relative;
}