.name-card-avatar {
    height: 100%;
}

/* .background-with-draw {
    background-image: url("/namecard-ft.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 252px;
} */

.container-col {
    width: 390px;
    margin-left: auto;
}

.name-card-footer {
    background: #258229;
    color: white;
}

.name-card-header {
    background: white;
}

.full-name {
    color: #258229;
    border-bottom: solid 2px #258229;
}

.container-name-card {
    max-width: 420px;
}

.edit-input {
    display:inline-block!important;
    width:79%!important;
}

.img-border-corner {
    /* width: 190px; */
    height: 240px;
    padding: 10px;
    position: relative;
    background: linear-gradient(to right, green 3px, transparent 3px) 0 0,
    linear-gradient(to right, green 3px, transparent 3px) 0 100%,
    linear-gradient(to left, green 3px, transparent 3px) 100% 0,
    linear-gradient(to left, green 3px, transparent 3px) 100% 100%,
    linear-gradient(to bottom, green 3px, transparent 3px) 0 0,
    linear-gradient(to bottom, green 3px, transparent 3px) 100% 0,
    linear-gradient(to top, green 3px, transparent 3px) 0 100%,
    linear-gradient(to top, green 3px, transparent 3px) 100% 100%;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.img-border-corner.big-warp{
    width: 300px;
    height: 300px;
    padding: 5px;
}

.general-space-text {
    margin-bottom: 0px;
    font-size:13px;
}

.name-card-icon {
    width: 20px;
}

h4 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    margin-bottom: 0;
    font-size: 1.4rem;
}

.container-name-card h1, h3, h5, h6 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
}