.modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:9999}.modal-content{background-color:#fff;padding:20px;border-radius:4px;text-align:center;margin-bottom:200px}h2{font-size:24px;margin-bottom:10px}p{font-size:16px;margin-bottom:20px}.button-group{display:flex;justify-content:center}button{margin:0 10px;padding:10px 20px;background-color:#333;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer}button:hover{background-color:#555}.card{font-family:Spectral;position:absolute;width:100%;height:100%;backface-visibility:hidden;color:#343434;text-align:center;font-size:1.1em;border-radius:10%;display:flex;justify-content:center;align-items:center;box-shadow:2px 3px 18px #7e715f;padding:18px 0 32px}.card.right-color{color:#e4002e;font-size:1.1em}.card_face{background:#333;font-size:8rem;color:gray;padding:20px 0 30px}.card_back{background-color:#ebebeb;transform:rotateY(180deg);color:#444;line-height:1.5;width:100%}img{width:140px;padding:26px 0 0}.p{position:absolute;top:-.6em;font-size:1em;line-height:1.1em}.flip-container{perspective:1000px;background:transparent;border-radius:.3rem}.flipper{font-size:1.4em;height:100%;cursor:pointer;transform-style:preserve-3d;transform-origin:center right;transition:transform .5s}.flipper.is-flipped,.flipper.is-flipped-def{transform:translate(-100%) rotateY(-180deg)}.flipper.not-active{pointer-events:none;cursor:default;text-decoration:none;color:#000}@media only screen and (max-width: 700px){img{width:120px}.p{position:absolute;top:-8%;font-size:80%;line-height:100%}.card_back{font-size:85%}}.grid-container{background:transparent;height:100vh;width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);justify-content:space-around;grid-gap:3.4rem .3rem;max-width:1168px;max-height:600px}@media only screen and (max-width: 700px){.grid-container{grid-template-columns:repeat(3,1fr);grid-gap:3.3rem .2rem}}.top-label{width:100%;height:20px;display:flex;align-items:center;justify-content:center;font-size:20px;padding-bottom:6px}.bottom-menu{display:flex;justify-content:center;align-items:center;background-color:#f0f0f0;height:60px;position:fixed;bottom:0;left:0;width:100%}.bottom-menu-item{padding:10px;margin:0 10px;color:#333;text-decoration:none}.bottom-menu-item:hover{color:#000}