.cardGrid{box-sizing:border-box;margin:4rem auto;margin-bottom: 8rem;max-width:1010px;text-align:center}.card,.shuffleButton{transition-duration:.2s}.shuffleButton{border:0;border-radius:4px;padding:1em 1.5em;font-size:1em;background:linear-gradient(to right top,pink,#87ceeb)}.shuffleButton:hover{transform:scale(1.02)}.card{position:relative;vertical-align:middle;margin:2em 1em 1em;display:inline-block;width:300px;height:300px}.card:hover{color:gray!important}.card a{color:#000;text-decoration:none;pointer-events: none;z-index:-100;}.card a{}.linkActive a{pointer-events: auto !important;}@media screen and (max-width:540px){.card{margin:2rem auto}}.card h3,.card p{opacity:0;transition:all .8s ease .2s;cursor:pointer}.card p{margin:0;transition:opacity 2s ease .7s;text-align:left;top:20px;width:240px;z-index:-2;padding:10px 0 0 30px}.card p:nth-of-type(1){padding-top:0}.card img,.cardHover img{position:absolute;cursor:pointer}.card img{z-index: 100;border:1px solid;width:100%;left:0;top:0;transition:all .8s ease .2s}.cardHover{width:300px;height:300px}.cardHover img{opacity:.9;pointer-events:none;transition:all 1s ease;width:50%;top:50%;z-index:1;left:25%;border-radius:8px}.cardHover h3,.cardHover p{text-align:left;opacity:1;z-index:2}.cardHover h3{font-size:16px;padding-left:25px;padding-top:5px;width:300px;top:0}.cardHover p{top:20px;width:240px;padding:10px 0 0 30px;line-height:32px}.cardDate{color:gray}.close{display:none;position:absolute;top:-25px!important;right:-8px!important;opacity:1;padding:.3em .6em .3em .3em!important;margin:0;width:auto!important;transition:all .4s ease}.close:hover{cursor:pointer;transition:all .2s ease;transform:scale3d(1.2,1.2,1.2)}.tap::after{content: "hover to reveal"}@media screen and (max-width: 540px){.tap::after{content: "tap to reveal"}}