틀:JObattle/styles.css

.JOB-IM-cover {
    width:100%;
    height:100%;
	object-fit: cover;
	object-position: 50% 50%;
	margin: 0px;
	padding: 0px;
}

.JOB-IM-contain {
    width:100%;
    height:100%;
	object-fit: contain;
	object-position: 50% 50%;
	margin: 0px;
	padding: 0px;
}

.JOB-z1m  {
 z-index:-1;
}

.JOB-z0  {
 z-index:0;
}

.JOB-z1  {
 z-index:1;
}

.JOB-z2  {
 z-index:2;
}

.JOB-z3  {
 z-index:3;
}

.JOB-z4  {
 z-index:4;
}

.JOB-z5  {
 z-index:5;
}

.JOB-BM  {
 mix-blend-mode: hue;
}

.JOB-BM2  {
 mix-blend-mode: hard-light;
}

.JOB-BM3  {
 mix-blend-mode: overlay;
}

.JOB-BW  {
 filter: grayscale(100%);
}

.JOB-SP  {
 filter: grayscale(15%) sepia(90%) brightness(0.8);
}

.JOB-IM  {
 filter: grayscale(30%) brightness(0.8);
}

.JOB-IM2  {
 filter: grayscale(30%) brightness(0.95);
}

.JOB-IM3  {
 filter: grayscale(10%) brightness(0.95) saturate(110%);
}

.JOB-IM4  {
 filter: brightness(1.1) saturate(120%) hue-rotate(3deg);
}

.JOB-IM5  {
 filter: brightness(1.05) saturate(120%) hue-rotate(-4deg);
}

.JOB-IM6  {
 filter: saturate(10%) hue-rotate(60deg) brightness(3.5);
}

.JOB-IM0  {
 filter: grayscale(32%) brightness(0.7);
}

.JOB-IMA  {
 filter: grayscale(0%) brightness(1.0);
}

.JOB-BR  {
 filter:brightness(1.2);
}

.JOB-BDA  {
 box-shadow:0px 0px 3px 1px rgba(255,215,0,0.4);
}