.arts {

    width: 100%;
}
.art {
    margin: 5px;
    z-index: 1;

    transition: all 0.3s ease;
}

  .art-header {
    margin: 220px auto;
    margin-bottom: 0px;
    text-align: center;
 

}
.art-header h1{
    display: block;
    margin: auto;
     color: var(--header);
     font-size: 52px;
     margin-bottom: 100px;
     animation: float 4s ease-in-out infinite;
}
.art img {
    border-radius: 25px;
    cursor: pointer;
    transition: all 0.3s ease;
     z-index: 1;
}
.art:hover {
    z-index: 100;
    transform: scale(1.2);

}
@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}