/* Orden d elos estilso 
    1° Posicionamiento
    2° Modelo de caja
    3° Tipografía
    4° Visuales
    5° Otros
*/

/* 1. Variables del proyecto*/

:root{
    /* Colores*/
    --bitcoin-orange: #F7931A;
    --soft-orange: #FFE9D5;
    --secondary-blue: #1A9AF7;
    --soft-blue: #E7F5FF;
    --warm-black: #201E1C;
    --warm-black-1:#282623;
    --grey:#BABABA;
    --off-white:#FAF8F7;
    --just-white:#FFFFFF;
}

/* 2. Estilos Base */

*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html{
    font-size: 62.5%;
    font-family: 'DM Sans', sans-serif;
    scroll-behavior: smooth;
}

.product-cards--container{
    display: flex;
    flex-wrap: wrap;
}

/*
.product-cards--container{
    display: grid;
    grid-template-columns: 50% 50%;
} */

.main-exchange-container--title{
    margin-bottom: 2rem;
    height: 9rem;
}