#karaoke-list{
	padding-top: 50px;
}
#karaoke-list h2{
	font-size: 24px;
    font-weight: 700;
	text-decoration: none;
}
#karaoke-list h3{
    font-size: 20px;
    margin-block-start: 0px;
    margin-block-end: 0px;
}

#list\.container{
	max-width: 1000px;
	min-width: 400px;
	width: 80%;
	display: flex;
	flex-direction: column;
}
.list\.artist, .list\.fav-song{
	margin: 5px 0px;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.list\.artist\:hidden{
	margin: 0px;
	display: none;
}

#list\.input{
	margin: 10px 0px;
	background: #333;
	border: solid 1px white;
	border-radius: 7px;
	font-family: ElmsSans;
	font-size: 16px;
	padding: 10px 7px;
	color: white;
	max-width: 400px;
	min-width: 300px;
	width: 80%;
}

.list\.song{
	font-size: 18px;
}

.list\.fav-song{
    font-size: 20px;
    text-align: center;
    font-weight: 700;
}

#list\.tag-list{
	padding: 20px 0px;
}

.list\.tag{
    border: solid 1px white;
    padding: 5px 12px;
    border-radius: 7px;
    background: transparent;
    color: white;
	transition: .3s;
	margin: 5px 3px;
    font-weight: 700;
}
.list\.tag:hover{
    background: #fff3;
    color: white;
}

.list\.tag\:active{
    background: white;
    color: black;
}
.list\.tag\:active:hover{
    background: #fff8;
    color: black;
}