@property --＠color-1{syntax:"<color>";inherits:false;initial-value:hsl(15,100%,22%)}@property --＠color-2{syntax:"<color>";inherits:false;initial-value:hsl(218,100%,23%)}@keyframes gradient-change{to{--＠color-1:hsl(36,91%,25%);--＠color-2:hsl(218,98%,24%)}}.gradient-animation{animation:gradient-change 2s linear infinite alternate;background:linear-gradient(to right in oklch,var(--＠color-1),var(--＠color-2))}.rotating-card-container{perspective:2000px;height:min(80vh,600px);width:min(80vw,1000px)}@media screen and (max-width:768px){.rotating-card-container{height:100vh;width:100vw;padding:0}}.rotating-card{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform-origin:center center;transition:transform .6s ease-in-out}.rotating-card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:20px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.3)}@media screen and (max-width:768px){.rotating-card-face{border-radius:0}}.rotating-back,.rotating-front{background:black}.rotating-back{transform:rotateY(180deg)}.rotating-face-content{height:100%;width:100%;position:absolute;top:0;left:0;right:0;bottom:0}