.container,.container .glass{position:relative;justify-content:center;display:flex}@font-face{font-family:iran;src:url(/FONTs/IRANSANS_BOLD.TTF)}body{background:#51403a;background:linear-gradient(90deg,#51403a 0,#6c4b35 80%);font-family:iran}.container{align-items:center}.container .glass{width:250px;height:300px;background:#51403a;background:linear-gradient(90deg,#51403a 0,#6c4b35 80%);border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 25px rgba(0,0,0,.25);align-items:center;transition:.5s;border-radius:10px;margin:0 -45px;backdrop-filter:blur(10px);transform:rotate(calc(var(--r) * 1deg))}.container:hover .glass{transform:rotate(0);margin:0 10px}.container .glass::before{content:attr(data-text);position:absolute;bottom:0;width:100%;height:40px;background:rgba(255,255,255,.05);display:flex;justify-content:center;align-items:center;color:#fff}@media (max-width:480px){.container .glass{transform:rotate(calc(var(--r) * 0deg));width:300px;height:350px}.container{display:flex;flex-direction:column}}