模板:Player Card/style.css

.player-card {
	max-width: 220px;
	border-radius: 24px;
	float: right;
	width: 100%;
	position: relative;
	overflow: hidden;
	clear: right;
}

.player-card__head {
	overflow: hidden;
	border-radius: 50%;
	width: 90px;
	height: 90px;
    box-shadow: 1px 1px 16px rgba(0, 0, 0, .2);
}

.player-card__split {
	background-color: white;
	border-radius: 10px;
	height: 3px;
	width: 15%;
	margin: 15px 0;
}

.player-card__nick {
	margin-top: 10px;
	color: white;
	font-size: 22px;
}

.player-card__id {
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 10px;
	color: white;
}

.player-card__desc {
    color: white;
    font-size: 14px;
}

.player-card__background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.player-card__background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: grayscale(20%);
}

.player-card__foreground {
	padding: 15px;
    position: relative;
}

@media (max-width: 720px) {
    .player-card {
        float: unset;
        margin: 0 auto;
    }
}