body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f5f5f5;
    color: #333;
}

.header-container {
    background-color: #202124;
    color: #fff;
    padding: 20px;
    text-align: center;
}

h1 {
    margin: 0;
    font-size: 2.5rem;
}

main {
    padding: 20px;
    max-width: 1200px;
    margin: 0 auto;
}

.gallery {
    margin-top: 30px;
}

.gallery h2 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 2rem;
}

.gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}

footer {
    background-color: #202124;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    width: 100%;
    bottom: 0;
}


/* beldir */

		.beldir_container {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.beldir_container2 {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.beldir_overlay {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.beldir_overlay2 {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.beldirsr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/beldirsr.jpg);
			background-size: cover;
		}
		.beldirssr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/beldirssr.jpg);
			background-size: cover;
			filter: blur(8px);
		}

/* iana */

		.iana_container {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.iana_container2 {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.iana_overlay {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.iana_overlay2 {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.ianasr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/ianasr.jpg);
			background-size: cover;
		}
		.ianassr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/ianassr.jpg);
			background-size: cover;
			filter: blur(8px);
		}


/* jooin */

		.jooin_container {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.jooin_container2 {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.jooin_overlay {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.jooin_overlay2 {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.jooinsr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/jooinsr.jpg);
			background-size: cover;
		}
		.jooinssr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/jooinssr.jpg);
			background-size: cover;
			filter: blur(8px);
		}

/* noi */

		.noi_container {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.noi_container2 {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.noi_overlay {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.noi_overlay2 {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.noisr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/noisr.jpg);
			background-size: cover;
		}
		.noissr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/noissr.jpg);
			background-size: cover;
			filter: blur(8px);
		}
/* raz */

		.raz_container {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.raz_container2 {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.raz_overlay {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.raz_overlay2 {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.razsr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/razsr.jpg);
			background-size: cover;
		}
		.razssr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/razssr.jpg);
			background-size: cover;
			filter: blur(8px);
		}

/* rimi */

		.rimi_container {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.rimi_container2 {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.rimi_overlay {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.rimi_overlay2 {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.rimisr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/rimisr.jpg);
			background-size: cover;
		}
		.rimissr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/rimissr.jpg);
			background-size: cover;
			filter: blur(8px);
		}

/* sitry */

		.sitry_container {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.sitry_container2 {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.sitry_overlay {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.sitry_overlay2 {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.sitrysr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/sitrysr.jpg);
			background-size: cover;
		}
		.sitryssr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/sitryssr.jpg);
			background-size: cover;
			filter: blur(8px);
		}

/* ephta */

		.ephta_container {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.ephta_container2 {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.ephta_overlay {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.ephta_overlay2 {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.ephtasr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/ephtasr.jpg);
			background-size: cover;
		}
		.ephtassr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/ephtassr.jpg);
			background-size: cover;
			filter: blur(8px);
		}
/* kanin */

		.kanin_container {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.kanin_container2 {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.kanin_overlay {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.kanin_overlay2 {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.kaninsr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/kaninsr.jpg);
			background-size: cover;
		}
		.kaninssr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/kaninssr.jpg);
			background-size: cover;
			filter: blur(8px);
		}

/* mununu */

		.mununu_container {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.mununu_container2 {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.mununu_overlay {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.mununu_overlay2 {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.mununusr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/mununusr.jpg);
			background-size: cover;
		}
		.mununussr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/mununussr.jpg);
			background-size: cover;
			filter: blur(8px);
		}



/* nasia */

		.nasia_container {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.nasia_container2 {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.nasia_overlay {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.nasia_overlay2 {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.nasiasr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/nasiasr.jpg);
			background-size: cover;
		}
		.nasiassr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/nasiassr.jpg);
			background-size: cover;
			filter: blur(8px);
		}
/* ranie */

		.ranie_container {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.ranie_container2 {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.ranie_overlay {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.ranie_overlay2 {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.raniesr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/raniesr.jpg);
			background-size: cover;
		}
		.raniessr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/raniessr.jpg);
			background-size: cover;
			filter: blur(8px);
		}
/* roeh */

		.roeh_container {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.roeh_container2 {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.roeh_overlay {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.roeh_overlay2 {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.roehsr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/roehsr.jpg);
			background-size: cover;
		}
		.roehssr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/roehssr.jpg);
			background-size: cover;
			filter: blur(8px);
		}

/* rubiel */

		.rubiel_container {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.rubiel_container2 {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.rubiel_overlay {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.rubiel_overlay2 {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.rubielsr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/rubielsr.jpg);
			background-size: cover;
		}
		.rubielssr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/rubielssr.jpg);
			background-size: cover;
			filter: blur(8px);
		}
/* sasha */

		.sasha_container {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.sasha_container2 {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.sasha_overlay {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.sasha_overlay2 {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.sashasr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/sashasr.jpg);
			background-size: cover;
		}
		.sashassr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/sashassr.jpg);
			background-size: cover;
			filter: blur(8px);
		}

/* sera */

		.sera_container {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.sera_container2 {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.sera_overlay {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.sera_overlay2 {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.serasr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/serasr.jpg);
			background-size: cover;
		}
		.serassr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/serassr.jpg);
			background-size: cover;
			filter: blur(8px);
		}
/* yona */

		.yona_container {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.yona_container2 {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.yona_overlay {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.yona_overlay2 {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.yonasr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/yonasr.jpg);
			background-size: cover;
		}
		.yonassr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/yonassr.jpg);
			background-size: cover;
			filter: blur(8px);
		}

/* bbuyo */

		.bbuyo_container {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.bbuyo_container2 {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.bbuyo_overlay {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.bbuyo_overlay2 {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.bbuyosr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/bbuyosr.jpg);
			background-size: cover;
		}
		.bbuyossr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/bbuyossr.jpg);
			background-size: cover;
			filter: blur(8px);
		}


/* ao */

		.ao_container {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.ao_container2 {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.ao_overlay {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.ao_overlay2 {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.aosr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/aosr.jpg);
			background-size: cover;
		}
		.aossr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/aossr.jpg);
			background-size: cover;
			filter: blur(8px);
		}

/* equ */

		.equ_container {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.equ_container2 {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.equ_overlay {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.equ_overlay2 {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.equsr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/equsr.jpg);
			background-size: cover;
		}
		.equssr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/equssr.jpg);
			background-size: cover;
			filter: blur(8px);
		}
/* nina */

		.nina_container {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.nina_container2 {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.nina_overlay {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.nina_overlay2 {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.ninasr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/ninasr.jpg);
			background-size: cover;
		}
		.ninassr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/ninassr.jpg);
			background-size: cover;
			filter: blur(8px);
		}
/* shune */

		.shune_container {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.shune_container2 {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.shune_overlay {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.shune_overlay2 {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.shunesr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/shunesr.jpg);
			background-size: cover;
		}
		.shunessr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/shunessr.jpg);
			background-size: cover;
			filter: blur(8px);
		}

/* reila */

		.reila_container {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.reila_container2 {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.reila_overlay {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.reila_overlay2 {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.reilasr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/reilasr.jpg);
			background-size: cover;
		}
		.reilassr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/reilassr.jpg);
			background-size: cover;
			filter: blur(8px);
		}

/* seowol */

		.seowol_container {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.seowol_container2 {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.seowol_overlay {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.seowol_overlay2 {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.seowolsr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/seowolsr.jpg);
			background-size: cover;
		}
		.seowolssr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/seowolssr.jpg);
			background-size: cover;
			filter: blur(8px);
		}

/* ion */

		.ion_container {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.ion_container2 {
			width: 220px; height: 310px; transition: all 0.1s; position: relative;
		}
		.ion_overlay {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.ion_overlay2 {
			position: absolute;
			width: 220px;
			height: 310px;
			background: linear-gradient(105deg,
				transparent 40%,
				rgba(255, 219, 112, 0.8) 45%,
				rgba(132, 50, 255, 0.6) 50%,
				transparent 54%);
			filter: brightness(1.1) opacity(0.8);
			mix-blend-mode: color-dodge;
			background-size: 150% 150%;
			background-position: 100%;
			transition: all 0.1s;
		}
		.ionsr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/ionsr.jpg);
			background-size: cover;
		}
		.ionssr_card {
			width: 220px; height: 310px;
			background-image: url(img/tcgimg/ionssr.jpg);
			background-size: cover;
			filter: blur(8px);
		}