.card-container{color:#222;place-content:center;height:100vh;font-size:1.2rem;line-height:1.5;display:grid}a{color:#222;backface-visibility:hidden;text-decoration:none;transform:translate(0,0)}a:hover{font-weight:700;text-decoration:underline}.wrapper{cursor:pointer;transition:all .4s ease-out;transform:scale(.8)rotate(-45deg)}.wrapper:hover{transition:all .5s ease-in;transform:scale(1.1)rotate(-3deg)}.bg{z-index:1;background:#f5f5f0 url(/api/placeholder/400/400) 0 0/cover;width:260px;height:260px;transition:all .3s ease-in;position:relative;transform:perspective(2000px);box-shadow:2px 2px 5px #0000004d}.wrapper:hover .bg{box-shadow:6px 6px 20px 15px #0000004d}.bg:after{content:"";mix-blend-mode:multiply;background-color:#f5f5f0;position:absolute;inset:0}.img-wrapper{z-index:2;--cornerCut:10px;-webkit-clip-path:polygon(0% var(--cornerCut),var(--cornerCut)0%,calc(100% - var(--cornerCut))0%,100% var(--cornerCut),100% calc(100% - var(--cornerCut)),calc(100% - var(--cornerCut))100%,var(--cornerCut)100%,0% calc(100% - var(--cornerCut)));clip-path:polygon(0% var(--cornerCut),var(--cornerCut)0%,calc(100% - var(--cornerCut))0%,100% var(--cornerCut),100% calc(100% - var(--cornerCut)),calc(100% - var(--cornerCut))100%,var(--cornerCut)100%,0% calc(100% - var(--cornerCut)));opacity:1;transition:opacity .6s;position:absolute;inset:15px}.wrapper:hover .img-wrapper{opacity:1}.img{z-index:3;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:120px;left:120px;transform:translate(-50%,-50%)}h1{text-align:center;box-sizing:border-box;z-index:10;width:auto;margin:0;padding:0;font-size:1.8rem;font-weight:400;position:relative}.title-container{text-align:center;box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}ul{padding-left:20px;list-style-type:none}li{margin-bottom:5px}.img-border{z-index:5;background:0 0;border:8px solid #fff;flex-direction:column;align-items:center;width:101%;height:101%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.corner-shadows{width:100%;height:100%;position:relative}.corner-shadows>div{--corner-size:1.7em;border-left:var(--corner-size)solid #00000008;border-bottom:calc(var(--corner-size))solid transparent;border-top:calc(var(--corner-size))solid transparent;z-index:7;width:50px;position:absolute;box-shadow:-3px 0 2px -3px #000000b3}.top-left{transform:translate(-100%,-50%)rotate(225deg)}.top-right{top:0;right:0;transform:translate(100%,-51%)rotate(-46deg)}.bottom-right{bottom:0;right:0;transform:translate(102%,51%)rotate(46deg)}.bottom-left{bottom:0;left:0;transform:translate(-102%,51%)rotate(134deg)}.square-small-bottom{z-index:8;transform-origin:bottom;width:160px;height:130px;transform-style:preserve-3d;background:#f5f5f0 url(/api/placeholder/400/400) 0 0/cover;transition:all .2s ease-in-out;display:inline-block;position:absolute;bottom:1px;right:0;transform:perspective(2000px);box-shadow:0 -4px 10px #00000040}.wrapper:hover .square-small-bottom{transition:all .5s ease-in-out .2s;transform:perspective(2000px)rotateX(-175deg);box-shadow:5px -5px 10px #00000040}.square-small-bottom:after{content:"";mix-blend-mode:multiply;background-color:#f5f5f0;border-bottom:2px solid #04526300;transition:all .2s .3s;position:absolute;inset:0}.wrapper:hover .square-small-bottom:after{border-bottom:2px solid #0452631a}.square-small-top{z-index:9;transform-origin:0;width:130px;height:160px;transform-style:preserve-3d;background:#f5f5f0 url(/api/placeholder/400/400) 0 0/cover;transition:all .2s ease-in-out .1s;display:inline-block;position:absolute;bottom:0;left:0;transform:perspective(2000px);box-shadow:4px 4px 10px #00000040}.wrapper:hover .square-small-top{transition:all .5s ease-in-out .1s;transform:perspective(2000px)rotateY(-160deg);box-shadow:4px 4px 10px #0000}.square-small-top:after{content:"";mix-blend-mode:multiply;background-color:#f5f5f0;border-left:2px solid #04526300;transition:all .2s .3s;position:absolute;inset:0}.wrapper:hover .square-small-top:after{background-color:#f5f5f0;border-left:2px solid #0452631a}.square-large{z-index:10;transform-origin:top;width:100%;height:130px;transform-style:preserve-3d;background:#f5f5f0 url(/api/placeholder/400/400) 0 0/cover;transition:all .2s ease-in-out .2s;position:absolute;top:0;left:0;right:0;transform:perspective(2000px);box-shadow:0 4px 10px #00000040}.wrapper:hover .square-large{background-color:#f5f5f0;transition:all .5s ease-in-out;transform:perspective(2000px)rotateX(175deg);box-shadow:0 4px 10px #0000}.square-large:after{content:"";mix-blend-mode:multiply;background-color:#f5f5f0;border-top:2px solid #04526300;transition:all .2s .3s;position:absolute;inset:0}.wrapper:hover .square-large:after{background-color:#f5f5f0;border-top:2px solid #0452631a}.serial-number{color:#222;font-size:.6rem;transition:opacity .3s ease-in-out;position:absolute;bottom:3px;left:20px}.hash-number{color:#222;font-size:.8rem;transition:opacity .3s ease-in-out;position:absolute;left:5px;transform:rotate(90deg)}.at5-text{color:#222;font-size:2.5rem;transition:opacity .3s ease-in-out;position:absolute;top:40px;right:20px;transform:rotate(45deg)}.wrapper:hover .at5-text,.wrapper:hover .hash-number,.wrapper:hover .serial-number{opacity:0}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;animation:.15s ease-in-out fadeIn;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.win-button{color:#fff;transition:color .3s,transform .2s}.win-button:hover{color:#333;transform:scale(1.05)}