/* styles.css */
body{
    margin: 0px; }

.managePrint{
margin: 0 auto;
width: fit-content;
}
#printable {
width: 210mm;
/*    height: 297mm;
*/        padding: 1mm 15mm;
border: 1px solid #efefef;
box-sizing: border-box;
  font-size: 16px;
/*   margin-left: 25%;
margin-top: 70px;*/
/*
overflow: hidden; Prevent overflow
        margin: auto; */
}

/* Ensure the content fits on an A4 page */
@media print {
body * {
    visibility: hidden;
}
#printable, #printable * {
    visibility: visible;
}
#printable {
    margin: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}



}




/* Business card styles */

/* Container for two cards */
.card-container {
display: flex;
gap: 20px; /* Space between cards */
 margin-top: 3mm;
}

/* Business card styles */

.business-card img{
    width: 88mm;
height: 55mm;
/*  width: 86mm;
height: 54mm;
        border: 1px solid #ccc;
padding:2px;*/
}
.business-card {
width: 88mm;
height: 55mm;

background: #f9f9f9;
    box-sizing: border-box;
text-align: center;
}

/* Content styling inside the card */
.business-card h1 {
margin: 0;
font-size: 18px;
color: #333;
}

.business-card p {
margin: 5px 0;
color: #555;
}


.upload-btn{
background: #eae9ff;
border: navajowhite;
padding: 17px 10px;
border-radius: 4px;
color: #7346fd;
margin-top: 25%;
font-weight: bolder;
}
svg{
width: 20px;
height: 20px;
}


/*.card-container:nth-of-type(1n+4){ display: none;}*/

.card-container canvas{

width: 88mm;
height: 55mm;
background: #f9f9f9;
box-sizing: border-box;
text-align: center;

}

.business-card{
display: none;
}

.header-ayu{
display: flex;
flex-wrap: wrap;
}

.header-ayu div{
flex: 50%; 
}