틀:가사/styles.css

.lyrics-row {
    clear: both;
}

.lyrics-row-start {
    border-top: 1px solid #e1e8ed;
    border-top: 1px solid rgba(200, 200, 200, 0.4);
}
.lyrics-1 {
	background: rgb(251, 251, 251);
    background: rgba(230, 230, 230, 0.1);
}
.lyrics-2 {
    background: rgb(242, 242, 242);
    background: rgba(220, 220, 220, 0.2);
    word-break: keep-all;
    word-wrap: break-word;
}
.lyrics-2-end {
    background: rgb(242, 242, 242);
    background: rgba(220, 220, 220, 0.2);
}
.lyrics-3 {
    background: rgb(251, 251, 251);
    background: rgba(230, 230, 230, 0.1);
    word-break: keep-all;
    word-wrap: break-word;
}
@media screen and (min-width: 544px) {
    .lyrics-row {
        display: flex;
    }
    .lyrics-row-end {
		border-bottom: 1px solid #e1e8ed;
		border-bottom: 1px solid rgba(200, 200, 200, 0.4);
	}
}
@media screen and (max-width: 543px) {
	.lyrics-row {
    border-top: 1px solid #e1e8ed;
    border-top: 1px solid rgba(200, 200, 200, 0.4);
}
	.lyrics-row-end .lyrics-3 {
		border-bottom: 1px solid #e1e8ed;
		border-bottom: 1px solid rgba(200, 200, 200, 0.4);
	}
	.lyrics-row-end .lyrics-2-end {
		border-bottom: 1px solid #e1e8ed;
		border-bottom: 1px solid rgba(200, 200, 200, 0.4);
	}
}