/*@font-face {
    font-family: PingFangsc-Regular;
    src: url('../fonts/pingfangsc-regular.ttf')
}
@font-face {
    font-family: PingFangsc-Medium;
    src: url('../fonts/pingfangsc-medium.ttf')
}
@font-face {
    font-family: PingFangsc-Semibold;
    src: url('../fonts/pingfangsc-semibold.ttf')
}*/
@font-face {
    font-family: Impact;
    src: url('../fonts/impact.ttf')
}

/* @font-face {
  font-family: "iconfont";
  src: url('../fonts/iconfont.woff2') format('woff2'),
       url('../fonts/iconfont.woff') format('woff'),
       url('../fonts/iconfont.ttf') format('truetype');
} */

.example{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	
	aspect-ratio: 3 / 2;
	aspect-ratio: 9 / 10;
	
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-row-gap: 10px;
	grid-column-gap: 10px;
	justify-items: center;
	
	overflow: hidden;
	transform: scale(1.08);
	
	margin-left: -10px;
	margin-right: -10px;
	
	transition: all 0.2s ease-in-out;
	
	background-image: url('../img/guide-bg.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}