body {
    font-family: 'Trebuchet MS', sans-serif;
}

.mainContainer{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.cardHolder{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

#whiteCard {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 350px;
    height: 400px;
    padding-left: 30px;
    padding-right: 30px;

    /* box-shadow: [horizontal offset] [vertical offset] [blur radius] [optional spread radius] [color]; */

    box-shadow:
        0px 8px 48px rgb(236, 236, 236, 1),
        0px 4px 8px rgb(66, 71, 76, 0.06),
        0px 0px 1px rgb(66, 71, 76, 0.32);
}

.cssContainer{
    width: 400px;
    /* margin: 10px; */
}

.cssPre{
    max-width: 400px;
    overflow-x: auto;
}