html{
    background-color: #011461; 
}

body{
    font-family: 'Roboto Condensed', sans-serif;
    overflow-x: hidden;
    background: url('../img/bg.jpg');
    background-repeat: no-repeat;
    background-size: cover ;
}

body::before {
    /* content: ""; */
    width: 697px;
    height: 697px;
    position: absolute;
    right: -240px;
    top: -280px;
    z-index: 0;
    filter: blur(250px);
    background: linear-gradient(181deg, #31fd5c 0%, rgba(65, 196, 195, 0) 100%);
    border-radius: 50%;
}


body::after {
    /* content: ""; */
    width: 605px;
    height: 605px;
    position: absolute;
    left: -330px;
    bottom: -280px;
    z-index: 0;
    filter: blur(250px);
    background: linear-gradient(181deg, #31fd5c 0%, rgba(65, 196, 195, 0) 100%);
    border-radius: 50%;
}


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

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

.bloc-question{
    border: 4px solid white;
    border-radius: 20px;
    padding: 20px;
    background: #001a73;
}

.gold{
    color: #daab4f;
}

.bg-green{
    background: #1baea4;
    background: linear-gradient(90deg, #31fd5c 0%, #0f82cd 100%);
    color: #01176D;
    padding: 20px;
    margin-bottom: 20px;
    white-space: break-spaces;
}