@charset "UTF-8";.cards-frame{background:radial-gradient(circle at top,#036,transparent 70%),radial-gradient(circle at bottom,#66b2ff,transparent 70%),linear-gradient(to bottom,#001030 0%,#002a60 100%);padding:20px 5px}@media (min-width:600px){.cards-frame{padding:20px 15px;border:10px solid #e3e3e3;border-radius:10px;margin-left:0;margin-right:0}}.cards-frame #cards-container div{margin-bottom:5px;width:calc(99.9% * 1/11 - (5px - 5px * 1/11))}.cards-frame #cards-container div:nth-child(1n){float:left;margin-right:5px;clear:none}.cards-frame #cards-container div:last-child{margin-right:0}.cards-frame #cards-container div:nth-child(11n){margin-right:0;float:right}.cards-frame #cards-container div:nth-child(11n+1){clear:both}@media (max-width:650px){.cards-frame #cards-container div{width:calc(99.9% * 1/6 - (5px - 5px * 1/6))}.cards-frame #cards-container div:nth-child(1n){float:left;margin-right:5px;clear:none}.cards-frame #cards-container div:last-child{margin-right:0}.cards-frame #cards-container div:nth-child(6n){margin-right:0;float:right}.cards-frame #cards-container div:nth-child(6n+1){clear:both}}.cards-frame #cards-container div img{border-radius:5px}.cards-frame #cards-container div img:hover{cursor:pointer}#response .selectedcards{position:relative;width:260px;margin:0 auto;height:280px}#response .card1,#response .card2{position:absolute;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.3);transition:transform .3s ease,box-shadow .3s ease}#response .card1{left:10px;top:0;transform:rotate(-10deg)}#response .card2{right:10px;top:0;transform:rotate(10deg)}#response .card1:hover,#response .card2:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 8px 25px rgba(0,0,0,.4)}