body, html {
    height: 100%;
}

.bg{
    /* The image used */
    /* background: rgb(43,42,76);
    background: linear-gradient(90deg, rgba(43,42,76,1) 0%, rgba(179,19,18,1) 35%, rgba(199,163,148,1) 100%); */
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1024%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(19%2c 99%2c 223%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c696.297C128.096%2c696.331%2c211.619%2c566.199%2c320.292%2c498.384C430.826%2c429.408%2c597.92%2c415.997%2c644.295%2c294.24C691.071%2c171.427%2c556.806%2c52.704%2c539.668%2c-77.593C522.21%2c-210.325%2c632.533%2c-370.964%2c543.635%2c-471.062C454.425%2c-571.512%2c283.074%2c-489.267%2c151.214%2c-514.987C36.031%2c-537.454%2c-63.737%2c-629.874%2c-179.747%2c-612.161C-300.713%2c-593.692%2c-396.269%2c-504.893%2c-482.639%2c-418.209C-574.081%2c-326.435%2c-680.985%2c-228.498%2c-690.738%2c-99.313C-700.401%2c28.684%2c-600.223%2c134.131%2c-532.573%2c243.218C-473.067%2c339.173%2c-406.181%2c425.054%2c-320.183%2c498.215C-222.618%2c581.217%2c-128.095%2c696.263%2c0%2c696.297' fill='%230c4091'%3e%3c/path%3e%3cpath d='M1440 1137.761C1551.317 1158.647 1669.271 1126.237 1765.005 1065.718 1861.098 1004.972 1927.882 907.6700000000001 1970.6190000000001 802.325 2012.172 699.8969999999999 2022.663 587.826 2003.0059999999999 479.052 1983.804 372.798 1933.223 275.464 1860.916 195.27499999999998 1789.569 116.15100000000001 1699.621 53.64499999999998 1596.229 27.932000000000016 1495.199 2.80600000000004 1389.634 19.39300000000003 1291.312 53.61500000000001 1196.398 86.65100000000001 1097.784 132.65499999999997 1046.699 219.202 997.906 301.866 1039.827 405.495 1027.425 500.681 1015.252 594.113 943.854 683.476 974.605 772.539 1005.6600000000001 862.4839999999999 1110.0819999999999 898.139 1184.939 956.883 1268.63 1022.56 1335.441 1118.143 1440 1137.761' fill='%235693f1'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1024'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");

    /* Full height */
    height: auto;
    min-height: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: repeat;
    background-size: cover;
}

.card{
    background-color: #f00;
}