.cardshadow1 {
    /*box-shadow: 0 1rem 2rem hsl(0 0% 0% / 20%);*/
    box-shadow: 0 2.5rem 2rem -2rem hsl(200 50% 40%);
    background: hsl(0 0% 100%);
    color: hsl(200 50% 20%);
    line-height: 1.5;
    font-size: 1.5rem;
    font-weight: 300;
    /*width: 35vmin;*/
    height: 15vmin;
    display: flex;
    place-items: center;
    text-align: center;
    padding: 3ch;
    border-radius: 2ch;
    border: 1px solid hsl(0 0% 83%);
}
.cardshadow {
    /*box-shadow: 0 1rem 2rem hsl(0 0% 0% / 20%);*/
    box-shadow: 0 2.5rem 2rem -2rem hsl(200 50% 40%);
    background: hsl(0 0% 100%);
    color: hsl(200 50% 20%);
    line-height: 1.5;
    font-size: 1.5rem;
    font-weight: 300;
    font-family: 'Poppins', sans-serif;
    color: white;
    background-image: url('../images/leaf.jpg');
    background-repeat: no-repeat no-repeat;
    background-size: cover;
    /*width: 35vmin;*/
    height: 15vmin;
    display: flex;
    place-items: center;
    text-align: center;
    padding: 3ch;
    border-radius: 2ch;
    border: 1px solid hsl(0 0% 83%);
}

.cardrewards {
    /*box-shadow: 0 1rem 2rem hsl(0 0% 0% / 20%);*/
    box-shadow: 0 2.5rem 2rem -2rem hsl(200 50% 40%);
    background: hsl(0 0% 100%);
    color: hsl(200 50% 20%);
    line-height: 1.5;
    font-size: 1.5rem;
    font-weight: 300;
    font-family: 'Poppins', sans-serif;
    /*width: 35vmin;*/
    height: 15vmin;
    background-image: url('../images/43064_1.jpg');
    background-repeat: no-repeat no-repeat;
    background-size: cover;
    display: flex;
    place-items: center;
    text-align: center;
    padding: 3ch;
    border-radius: 2ch;
    border: 1px solid hsl(0 0% 83%);
}


.better {
    box-shadow: 0 2.5rem 2rem -2rem hsl(200 50% 20% / 40%);
}

/*html {
    block-size: 100%;
    inline-size: 100%;
    background: hsl(0 0% 85%);*/
}
.modalBackground {
    height: 100%;
    width: 100%;
    background-color: black;
    filter: alpha(opacity=70);
    opacity: 0.7;
    background-size: cover;
}

.cardalert {
    /*box-shadow: 0 1rem 2rem hsl(0 0% 0% / 20%);*/
    box-shadow: 0 2.5rem 2rem -2rem hsl(200 50% 40%);
    background: hsl(0 0% 100%);
    color: hsl(200 50% 20%);
    line-height: 1.5;
    font-size: 1.5rem;
    font-weight: 300;
    /*width: 100vmin;*/
    /*height: 50vmin;*/
    width:90%;
    display: flex;
    place-items: center;
    text-align: center;
    padding: 3ch;
    border-radius: 2ch;
    border: 1px solid hsl(0 0% 83%);
}

.cardoffers {
    /*box-shadow: 0 1rem 2rem hsl(0 0% 0% / 20%);*/
    box-shadow: 0 2.5rem 2rem -2rem hsl(200 50% 40%);
    background: hsl(0 0% 100%);
    color: hsl(200 50% 20%);
    line-height: 1.5;
    font-size: 1.5rem;
    font-weight: 300;
    font-family: 'Poppins', sans-serif;
    /*width: 35vmin;*/
    height: 15vmin;
    /*background-image: url('../images/Wrapping-paper-Blue.jpg');*/
    background-image: url('../images/offers_bg.png');
    background-repeat: no-repeat;
    display: flex;
    place-items: center;
    text-align: center;
    padding: 3ch;
    border-radius: 2ch;
    border: 1px solid hsl(0 0% 83%);
    align-items: center;
}
.cardbirthday {
    /*box-shadow: 0 1rem 2rem hsl(0 0% 0% / 20%);*/
    box-shadow: 0 2.5rem 2rem -2rem hsl(200 50% 40%);
    background: hsl(0 0% 100%);
    color: hsl(200 50% 20%);
    line-height: 1.5;
    font-size: 1.5rem;
    font-weight: 300;
    font-family: 'Poppins', sans-serif;
    /*width: 35vmin;*/
    /*height: 15vmin;*/
    background-image: url('../images/Birthday_small.png');
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    place-items: center;
    text-align: center;
    padding: 3ch;
    border-radius: 2ch;
    border: 1px solid hsl(0 0% 83%);
    align-items: center;
}
.cardanniversary {
    /*box-shadow: 0 1rem 2rem hsl(0 0% 0% / 20%);*/
    box-shadow: 0 2.5rem 2rem -2rem hsl(200 50% 40%);
    background: hsl(0 0% 100%);
    color: hsl(200 50% 20%);
    line-height: 1.5;
    font-size: 1.5rem;
    font-weight: 300;
    font-family: 'Poppins', sans-serif;
    /*width: 50%;*/
    height: 15vmin;
    background-image: url('../images/Anniversary_small.png');
    background-repeat: no-repeat;
    background-size:auto auto;
    padding-top:66.64%;
    /*background-size:auto 100%;*/
    /*-webkit-background-size: cover;
    -moz-background-size: contain;
    -o-background-size: contain;*/
    display: flex;
    place-items: center;
    text-align: center;
    padding: 3ch;
    border-radius: 2ch;
    border: 1px solid hsl(0 0% 83%);
    align-items: center;
    
}

.btn-ouline-golden {
    /*color: #ffc107;*/
    color: #aa872d;
    border-color: #aa872d;
    border: dashed;
    background-color: antiquewhite;
}

    .btn-ouline-golden:hover {
        /*color: #212529;*/
        color: white;
        background-color: #aa872d;
        /*border-color: #aa872d;*/
        border-color: antiquewhite;
    }

    .btn-ouline-golden:focus, .btn-ouline-golden.focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
        
    }

    .btn-ouline-golden.disabled, .btn-ouline-golden:disabled {
        color: #aa872d;
        background-color: transparent;
    }

    .btn-ouline-golden:not(:disabled):not(.disabled):active, .btn-ouline-golden:not(:disabled):not(.disabled).active,
    .show > .btn-ouline-golden.dropdown-toggle {
        /*color: #212529;*/
        color: #aa872d;
        background-color: #aa872d;
        border-color: #aa872d;
    }

        .btn-ouline-golden:not(:disabled):not(.disabled):active:focus, .btn-ouline-golden:not(:disabled):not(.disabled).active:focus,
        .show > .btn-ouline-golden.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
        }
    /*body {
    min-block-size: 100%;
    min-inline-size: 100%;
    margin: 0;
    box-sizing: border-box;
    display: grid;
    grid-auto-flow: column;
    gap: 5vmin;
    place-content: center;
    font-family: system-ui;
}
*/