.contain {
    font-family: "Poppins", sans-serif;
    max-width: 280px;
    min-width: 180px;
    max-height: 460px;
    height: auto;
    margin:0 2% 40px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    perspective: 10000px;
    float: left;
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2), 0px 0px 
}
.card {
    transform-style: preserve-3d;
}
.sneaker {
  min-height: 100px;
    margin:2%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sneaker img {
    width: 60%;
    z-index: 20;
    transition: all 0.75s ease-out;
}
.circle {
    width: 100px;
    height: 100px;
    background: linear-gradient(
    to right,
    rgba(80, 120, 120, 1),
    rgba(40, 180, 180, 1)
  );
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
    position: absolute;
    border-radius: 50%;
    z-index: 1;
}
.info h1 {
    font-size: 2rem;
    padding-top: 10px;
    transition: all 0.75s ease-out;
	text-align: center;
	vertical-align: middle;
}
.info h3 {
    font-size: 0.8rem;
    padding: 2%;
    color: #585858;
    font-weight: lighter;
    transition: all 0.75s ease-out;
}
.sizes {
    display: flex;
    justify-content: space-between;
    transition: all 0.75s ease-out;
}
.sizes button {
    padding: 2%;
    background: none;
    border: none;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    cursor: pointer;
    font-weight: bold;
    font-size: 0.6rem;
    color: #585858;
	margin:0 0.5vh 0 0.5vh;
}
button.active {
    background: #585858;
    color: white;
}
.purchase {
    margin-top: 2%;
    transition: all 0.75s ease-out;
}
.purchase button {
    width: 100%;
    padding: 2%;
    background:rgba(40,180,180,1.00);
    border: none;
    color: white;
    cursor: pointer;
    border-radius: 3px;
    font-weight: bolder;
    font-size: 1rem;
}
.price_old {
	color: rgba(120,15,15,1.00);
	text-decoration: line-through;
	font-size: 0.6rem;
}
.bestdeal {
    width:5rem;
    height: 5rem;
    padding: 0;
    clip-path: polygon(50% 0, 66% 15%, 85% 15%, 85% 33%, 100% 50%, 85% 66%, 85% 85%, 66% 85%, 50% 100%, 33% 85%, 15% 85%, 15% 66%, 0 50%, 15% 33%, 15% 15%, 33% 15%);
    transform: rotate(30deg);
    transition: transform 330ms ease-in-out;
    background-color: rgba(0,130,100,1.00);
    color: #FFFFFF;
    font-weight: bold;
    font-size: 1em;
    text-align: center;
    vertical-align: middle;
    align-content: center;
    position:fixed;
    top:-10px;
    right: -10px;
}
.tilter:hover .bestdeal { 
    transform: rotate(-60deg) translate(0 0 0 -180px);
}
  /**********/
 /***TILT***/
/**********/
.tilter {
    font-family: "Poppins", sans-serif;
    margin:0 2% 40px 0;
    padding: 5px;
    max-width: 280px;
    min-width: 180px;
    height: auto;
    position: relative;
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2), 0px 0px 50px rgba(0, 0, 0, 0.2); 
    display: flex;
    justify-content: center;
    align-items: center;
    perspective: 10000px;
    float: left;
    transform-style: preserve-3d;
    border-radius: 3px;
    }
.tilter h2 {
      position: absolute;
      font-size: 3em;
      color: #fff;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      max-height: 60px;
      text-align: center;
    }
.tilter img {
      max-width: 100%;
      display: block;
    }