.로오히-캐릭터-프로필 {
max-width: max-content;
min-width: 300px;
width: 100%;
font-size: 0.9rem;
border-spacing: 0;
margin: 0 auto;
padding: 10px 20px;
background-color: gray;
background-color: rgba(200, 200, 200, .3);
}
@media (min-width: 720px) {
.로오히-캐릭터-프로필 {
float: right;
margin: 0 20px;
}
}
.로오히-캐릭터-프로필 th, .로오히-캐릭터-프로필 td {
border: none;
text-align: left;
}
.로오히-캐릭터-프로필 .name {
border-bottom: none;
font-size: 1.1rem;
line-height: 1em;
font-weight: bold;
text-align: center;
}
.로오히-캐릭터-프로필 .english-name {
font-size: 3em;
font-weight: normal;
line-height: .8em;
text-transform: uppercase;
}
.로오히-캐릭터-프로필 .cv-row {
display: flex;
align-items: center;
}
.로오히-캐릭터-프로필 .cv-row hr {
flex: 1;
border: 1px solid currentColor;
height: 0;
}
.로오히-캐릭터-프로필 .cv-row:not(:first-child) hr {
opacity: 0.3;
}
.로오히-캐릭터-프로필 .cv {
font-size: 0.75rem;
margin-left: 1em;
}