body
{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Poppins', sans-serif;
}

.főszöveg{
	font-size: 5vw;
	color: black;
	background: white;
	border-radius: 100px;
	padding: 10px 40px;
	mix-blend-mode: screen;
	repeat: no-repeat;

}
h1
{
	text-align:right;
	margin-top: 15px;
}







.box1
{
	height:265px;
	width:200px;
	border-radius: 20px;
	padding: -100px -100px;
	background-image: url('rurouni kenshin.jpg');
	background-size: 100%;
	transition: 3s;
	box-shadow: 0px 0px 20px 10px black;
}
.title1
{
	text-align: center;
	color: black;
	opacity:0;
	font-size: 25px;
	transition: 2s;
}
.box1:hover
{
	background-size:300px;
	background-position: 50% 50%;
	box shadow:
	0px 0px 5px 2px #000000,
	0px 0px 10px 10px #ff05e2;
}
.box1:hover .title1
{
	opacity: 1;
}
.box2
{
	height:265px;
	width:200px;
	border-radius: 20px;
	padding: -100px -100px;
	background-image: url('overtake.jpg');
	background-size: 100%;
	transition: 3s;
	box-shadow: 0px 0px 20px 10px black;
	margin-left: 20px;
}
.title2
{
	text-align: center;
	color: black;
	opacity:0;
	font-size: 25px;
	transition: 2s;
}
.box2:hover
{
	background-size:300px;
	background-position: 50% 50%;
	box shadow:
	0px 0px 5px 2px #000000,
	0px 0px 10px 10px #ff05e2;
}
.box2:hover .title1
{
	opacity: 1;
}