.cardlist{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:2.5rem;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;list-style-type:none;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:80%;margin:60px auto}@media screen and (min-width: 768px){.cardlist:hover :not(:hover){margin:0 -20px;-webkit-transform:perspective(500px) rotateY(45deg) scale(0.95);transform:perspective(500px) rotateY(45deg) scale(0.95)}.cardlist:hover a:not(:hover){margin:0 0px;-webkit-transform:perspective(500px) rotateY(0deg) scale(0.95);transform:perspective(500px) rotateY(0deg) scale(0.95)}.cardlist:hover :not(:hover)::after{opacity:.4}}@media screen and (max-width: 767px){.cardlist{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem;width:100%;margin:30px auto}}.thing{position:relative;width:245px;aspect-ratio:3/4;border-radius:.5rem;background-size:cover;background-position:center;-webkit-transition:margin .5s,-webkit-transform .5s;transition:margin .5s,-webkit-transform .5s;transition:margin .5s,transform .5s;transition:margin .5s,transform .5s,-webkit-transform .5s;-webkit-box-shadow:0 2px 5px #222;box-shadow:0 2px 5px #222}@media screen and (max-width: 767px){.thing{width:30%}}.thing:nth-of-type(1){background-image:radial-gradient(ellipse at center, #118900 0%, #37c925 60%, #6aa735 100%);background:url("../../images/bg03.jpg");background-size:cover;background-position:center}.thing:nth-of-type(2){background-image:radial-gradient(ellipse at center, #7b0600 0%, #ff610e 60%, #ff7636 100%);background:url("../../images/bg03.jpg");background-size:cover;background-position:center}.thing:nth-of-type(3){background:radial-gradient(ellipse at center, #898000 0%, #d7cd00 60%, #fff109 100%);background:url("../../images/bg03.jpg");background-size:cover;background-position:center}.thing:nth-of-type(4){background-image:radial-gradient(ellipse at center, #835800 0%, #ff9c0f 60%, #c98e00 100%);background:url("../../images/bg03.jpg");background-size:cover;background-position:center}.thing:nth-of-type(5){background-image:radial-gradient(ellipse at center, #770000 0%, #ff4444 60%, #dd1d1d 100%);background:url("../../images/bg03.jpg");background-size:cover;background-position:center}.thing:hover~.item{-webkit-transform:perspective(500px) rotateY(-45deg) scale(0.95);transform:perspective(500px) rotateY(-45deg) scale(0.95)}.thing:hover~.LINKS{-webkit-transform:perspective(500px) rotateY(0deg) scale(1.95);transform:perspective(500px) rotateY(0deg) scale(1.95)}.thing:hover{-webkit-transform:perspective(500px) rotateY(0) scale(1.2);transform:perspective(500px) rotateY(0) scale(1.2)}.thing::after{content:"";position:absolute;width:inherit;aspect-ratio:inherit;border-radius:inherit;background-color:#000;opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s;width:100%}