.container {
    width: 23rem; /* 너비 */
    background-color: rgba(0, 0, 0, 0.5); /* 배경 색깔 */
    border-radius: 0.5rem; /* 모서리 둥근 정도 */
    padding: 1.5rem;
    /* 명함 카드 테두리 여백 늘리기 */
    position: relative;
    overflow: hidden;
}
body {
    background-color: dodgerblue; /* 배경 색깔 */
    color: white; /* 글자 색깔 */
    font-weight: 300; /* 글자 굵기 */
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    /* 명함 박스 가운데 정렬 */
    margin: 0;/* 스크롤바 없애기 */
}
html {
    width: 100%;
    height: 100%;
    /* html 명함 크기가 화면 전체를 꽉 채우기 */
}
.card-address {
    font-size: 0.8rem; /* 글자 크기 */
}
hr {
    border: solid 1px white; /* 선(종류, 굵기, 색깔) */
    margin: 1.3rem 0 1.3rem 0; /* 위로 여백 늘리기 */
}
.name {
    font-weight: 600; /* 글자 굵기 */
    font-size: 1.4rem; /* 글자 크기 */
}
.job {
    font-size: 0.9rem; /* 글자 크기 */
}
.profile-img-container {
    width: 15rem; /* 사진 너비 조정 */
    height: 15rem; /* 사진 높이 조절 */
    border-radius: 70%; /* 사진 모서리 둥근 정도 */
    overflow: hidden; /* 튀어나온 부분 정리 */
}
.profile-img {
    width: 100%;
    height: 100%;
    /* 비율 유지하면서 가득 채우기 */
    object-fit: cover;
}
.contact {
    width: 6.5rem;
    height: 6.5rem;
    background-color: #ffe300; /* 카톡 아이콘 색깔 */
    border-radius: 70%; /* 카톡 아이콘 둥근 정도 */
    text-decoration: none; /* 링크 밑줄 없애기 */
    color: black; /* 카톡 아이콘 글자 색 */
    font-weight: 700; /* 글자 굵기 */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    bottom: -1.5rem;
}
.contact i {
    margin-bottom: 0.5rem;;
}
.introduction-container hr {
    width: 15px; /* 사진과 소개 구분 선 길이 */
}
.introduction {
    line-height: 1.5rem; /* 줄 간격 */
    display: flex;
    flex-direction: column;
    align-items: center;
}
.tags {
    font-size: 0.8rem; /* 태그 폰트 글자 크기 */
    display: flex;
    justify-content: space-between;
    margin: 1rem 0 3rem 0;
}
.introduction-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.profile-container {
    margin: 2rem 0 2rem 0;
    position: relative;
}
video {
    width: 100%; /* 컨테이너 크기로 사이즈 맞추기 */
    height: 100%;/* 컨테이너 크기로 사이즈 맞추기 */
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;/* 컨테이너 가득 채우기 */
    z-index: -1;/* 다른 요소보다 아래에 있도록 */
}