@import url('https://fonts.googleapis.com/css2?family=Inter&family=Montserrat:wght@400;700&display=swap');

*{
    scroll-behavior: smooth;
}

body{
    background:#0A0A0A;
    font-family: 'Montserrat', sans-serif;
    color: #FFF;
}
.inter{
    font-family: 'Inter', sans-serif;
}
.monts-bold{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.text-gradient{
    background: linear-gradient(180deg, #EAD27A 0%, #7B5B31 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-grad{
    background: linear-gradient(147deg, #F3DC80 -30%, #AD9152 58.19%, #78572F 130.34%);
}

   
.border-gradient {
    
    position: relative;
    box-sizing: border-box;

    color: #FFF;
    background: #000000;
    background-clip: padding-box; /* !importanté */
    border: solid 2px transparent; /* !importanté */

}

.border-gradient::before {
    content: '';
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: -1;
    margin: -2px; /* !importanté */
    border-radius: inherit; /* !importanté */
    background: linear-gradient(to bottom, #EAD27A, #7B5B31);
}




.gradient-box {
    
    position: relative;
    box-sizing: border-box;

    color: #FFF;
    background: #000000;
    background-clip: padding-box; /* !importanté */
    border: solid 1px transparent; /* !importanté */

}

.gradient-box::before {
    content: '';
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: -1;
    margin: -1px; /* !importanté */
    border-radius: inherit; /* !importanté */
    background: linear-gradient(to bottom, #EAD27A, #7B5B31);
}



.grad3 {
    background-image: radial-gradient(farthest-side at 100% 0%,#2D2D2D,#030303);
  }

.feature-box{
    width: 375px;
    height: 317px;
    border-radius: 1rem;
    padding: 1.5rem;
    background-image: radial-gradient(farthest-side at 100% -80%,#2D2D2D,#030303);
}


.coin-box{
    width: 239px;
    height: 239px;
    border: 1px solid #4F4F4F;
    padding: 1rem;
    background-image: radial-gradient(farthest-side at 100% -80%,#2D2D2D,#030303);

}
@media screen and (max-width: 768px) {

        
    .coin-box{
        width: 159px;
        height: 159px;

    }
    .feature-box{
        height: auto;
    }

}
@media screen and (max-width: 450px) {
        
    .coin-box{
        width: 134px;
        height: 154px;

    }

}