body {
	background-color: var(--white);
}
.background {
  position: relative;
  z-index: 1;
}
.background:before {
    content: ' ';
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100vh;
    opacity: 0.2;
    background-image: url(../images/fx_bg.png);
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
}
.contents {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--blacktransparent);
    width: 20%;
    padding: 20px;
    border: 5px solid var(--red);
    border-radius: 10px;
    -webkit-box-shadow: 5px 5px 15px 5px rgb(0 0 0 / 62%);
    box-shadow: 5px 5px 15px 5px rgb(0 0 0 / 62%);
    font-size: 2rem;
}
.contents img {	
	max-width: 100%;
}
.contents a {
	cursor: pointer;
	color: var(--white);
	text-decoration: none;
	transition: 1s;
}
.contents a:hover {
	color: var(--red);
}