/* Test */
.border{
    border: 1px solid black;
}

body{
    padding-top:70px;
}

#line{
    margin-top: 50px;
    width:30%;
    background: rgb(107, 107, 107);
}

.product-card{
    margin: 10px 10px 10px 10px;
    display:inline-block;
    text-align: center;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    border-radius:10px;
    border: 1px solid rgba(219, 216, 216, 0.3);
}

.product-card:hover{
    cursor: pointer;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    transform: scale(1.05);
}

.product-img{
    max-height:250px;
    margin:20px 50px 20px 50px;
}

.product-card h2 {
    font-weight: bold;
}

.btn-product{
    width:100%;
    font-weight: bold;
    font-size:120%;
    border-top:1px solid rgba(219, 216, 216, 0.5);
    background:#e6e6e49d;
}
.btn-product:hover{
    background:var(--color-primary-light);
}

.btn-buy-on-etsy{
    font-weight: bold;
    font-size:120%;
    border-top:1px solid rgba(219, 216, 216, 0.5);
    background:#e6e6e49d;
    border-radius:0 0 10px 10px;
}

.btn-buy-on-etsy a{
    display:block;
    color:black;
    text-decoration: none;
}

.btn-buy-on-etsy:hover{
    background:var(--color-primary-light);
}

#coming-soon{
    font-weight: bold;
    margin:30px 0 30px 0;
}


/* Modal */
.modal{
    font-weight:bold;
    font-size:120%;
}

.modal h1{
    font-weight:bold;
    font-size:250%;
}

.modal h2{
    margin-top:20px;
    font-weight: bold;
}

.jar-description{
    margin-top:10px;
    font-size:120%;
    text-align: justify;
}

.sample-messages{
    font-size:110%;
}

.btn-modal{
    font-size:105%;
    cursor: pointer;
}

.btn-footer-close{
    margin-left:10px;
}