.lettergame-container{color:#030303;text-align:center}.lettertext-conainer{width:100%;padding:20px 0;margin-bottom:17px}.letterlevel-color{margin-bottom:20px;text-align:center;color:#000}.letterplanet-container{display:flex;justify-content:center;align-items:center}.letterpuzzlecontainer{flex-direction:column;margin:0 auto;padding:20px}.card2,.letterpuzzlecontainer{display:flex;align-items:center}.card2{padding-top:100%;position:relative;background-color:hsla(0,0%,8%,.8);color:#fff;justify-content:center;font-size:24px;cursor:pointer;border-radius:5px;transition:background .5s ease-in-out,transform .2s;opacity:1}.card2:hover{background:linear-gradient(135deg,rgba(0,0,0,.9),hsla(0,0%,39%,.6));transform:scale(1.05)}.card2.matched{background-color:#4caf50;cursor:default}.card2.flipped{background-color:#e9e1e1;color:#000;cursor:default;transform:rotateY(180deg)}.card2>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lettermessage{margin-top:20px;font-size:18px}.letterbutton{background:linear-gradient(135deg,rgba(0,0,0,.9),hsla(0,0%,39%,.6))}.letterbutton,.letterbutton:hover{padding:10px 20px;font-size:16px;color:#fff;border:none;border-radius:5px;cursor:pointer;margin:10px 0 10px 10px}.letterbutton:hover{background-color:#374151}.letter-instructions-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;padding:20px;background-color:#d4d3d3;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);margin-bottom:20px;color:#000}.letter-instructions-content{display:flex;flex-direction:column;margin:0 20px}.letter-title{text-align:center;margin:20px 0;font-size:1.5rem;color:#000}.letter-description{font-size:1.09rem;margin-bottom:16px;text-align:justify;margin-left:10px}.letter-step{margin-top:16px;font-size:20px;margin-bottom:16px;border-left:4px solid #2980b9;padding-left:12px}.letter-list{list-style-type:disc;padding-left:20px;margin-bottom:16px}.lettergame-board{display:grid!important;grid-template-columns:repeat(3,90px)!important;grid-gap:8px!important;gap:8px!important;justify-content:center!important}