@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap);:root{--dark-gray:#1a2a32;--gray:#2e4756;--turquoise:#3cc4bf;--yellow:#f2b147;--light-gray:#d3d3d3}*{border:none;box-sizing:border-box;font-family:Montserrat,sans-serif;list-style:none;margin:0;padding:0}body,html{background-color:var(--dark-gray);height:100%}main{display:grid;place-items:center}.game__container{display:flex;flex-direction:column;justify-content:space-around;padding:1rem}.game__content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(1,1fr);place-items:center}.moves{display:flex;flex-direction:column;padding:.2rem}.moves button{background-color:var(--gray);border-radius:5px;cursor:pointer;font-size:1rem;font-weight:700;margin:.6em;padding:.7rem .2rem;width:230px}.moves button:first-child{color:#fff}table{background-color:var(--dark-gray);border:none}td,th{border:1.5px solid #000}td,tr{background-color:var(--gray);border:5px solid var(--dark-gray);border-radius:15px;cursor:pointer;height:100px;text-align:center;width:100px}.motif{font-size:3rem}td:hover{cursor:pointer;opacity:90%}.yellow{color:var(--yellow)}.turquoise{color:var(--turquoise)}.hide{display:none}.turn span{-webkit-animation:turn-icon-animation .6s ease-in-out;animation:turn-icon-animation .6s ease-in-out;font-size:2rem;margin-right:5px;text-decoration:none}.turn{-webkit-animation:turn-text-animation .6s ease-in-out;animation:turn-text-animation .6s ease-in-out;font-size:16px;margin-bottom:4rem;margin-top:1rem}@-webkit-keyframes turn-text-animation{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:100%;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes turn-text-animation{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:100%;-webkit-transform:translateX(0);transform:translateX(0)}}@media screen and (min-width:800px){.game__content{align-items:start;grid-template-columns:repeat(2,1fr);justify-items:center}td,tr{border:7px solid var(--dark-gray);height:150px;width:150px}.motif{font-size:5rem}.turn span{font-size:2.5rem}.turn{font-size:18px}}.modal{background-color:rgba(0,0,0,.6);height:100%;left:0;position:fixed;top:0;z-index:99}.modal,.modal__contents{align-items:center;display:flex;justify-content:center;width:100%}.modal__contents{background-color:#2a4544;border-radius:20px;color:#fff;flex-direction:column;gap:20px;height:150px;margin:10px;max-width:300px;-webkit-transform:translateY(-80px);transform:translateY(-80px);z-index:30}.modal__contents button{background-color:var(--turquoise);border-radius:3px;color:#2a4544;cursor:pointer;padding:10px}
/*# sourceMappingURL=main.1c4f250c.css.map*/