@charset "UTF-8";

* {
  box-sizing: border-box;
}


h1 {font-family: 'Saira Stencil One', cursive;
background: rgba(0,0,0,0.85);
	font-size: 45px;
	color: white;
	text-align: center;
	padding: 5px;
	text-transform: uppercase;
	text-shadow: 3px -3px 3px #d3d3d3
	z-index: -10;
}
h2 {font-family: 'Saira Stencil One', cursive;
	background: #1d1e1f;
	font-size: 25px;
	color: white;
	text-align: left;
	padding: 5px;
	text-transform: uppercase;
	text-shadow: -3px 3px 3px #d3d3d3;
	z-index: -10;
}
h3 {font-family: 'Saira Stencil One', cursive;
    font-size: 15px;
    color: white;
    text-align: center;
		z-index: -10;
}

.content {
max-width: 1000px;
margin: auto;
z-index: -10;
}
.resistimage{z-index: -10;}

.darkness{
	background: rgba(0,0,0,0.65);
		z-index: -20;
}


.saira	{
    padding: 3px;
    font-family: 'Saira Stencil One', cursive;
    font-size: 20px;
    text-align: center;
    color: #FFFFFF;
	background: rgba(0,0,0,0.85);
		max-width: 1000px;
		margin: auto;
		z-index: -10;
}
.saira-left	{
    padding: 3px;
    font-family: 'Saira Stencil One', cursive;
    font-size: 20px;
    text-align: left;
    color: #FFFFFF;
		z-index: -10;
}

.saira-body	{
    padding: 3px;
    font-family: 'Saira Stencil One', cursive;
    font-size: 20px;
    text-align: center;
    color: #FFFFFF;
		background: rgba(0,0,0,0.85);
z-index: -10;
		max-width: 1000px;
		margin: auto;
	}

.helvetica {font-family: "Helvetica";
	color: white;
	font-size: 20px;
	text-align: center;
	background: rgba(0,0,0,0.85);
	padding: 10px;
}
body {font-family: "Helvetica";
	color: white;
	background: black;
	background-image: url("images/resist-wallpaper-800w.jpg");
	text-align: center;
	margin: auto;
}
p {
    font-family: 'Helvetica', sans-serif;
    font-size: 15px;
    color: white;
			z-index: -10;
}
a:hover {
	color:white;
	font-size:3vw;
	text-align: center;
		text-shadow: 0px 4px 15px #396dc7;

}
.swap-box {
	position: absolute;
	background: black;
	top:150Px;
	left:200px;
		z-index: 9990;
}
.swap-on-hover1 {
		position: relative;
		top: 0px;
		margin:  0 auto;
			z-index: -1;
	}
.swap-on-hover1 img {
		position: absolute;
		top:00;
		left:0;
		overflow: hidden;
	}
.swap-on-hover1 .swap-on-hover__front-image1 {
		z-index: 9999;
		transition: opacity 0s linear;
		cursor: default;
	}
.swap-on-hover1:hover > .swap-on-hover__front-image1{
		opacity: 0;
	}

/* +++++++++++++++++++++++++++++++++++++++++++++++++