@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800&display=swap);html{font-family:Roboto,Arial,Helvetica,sans-serif;font-size:62.5%}body{background:#1b1523;color:#fff;font-size:1.5em;height:100vh;padding:0 1rem;text-align:center}body,h1{margin:0}header{align-items:center;display:flex;justify-content:space-between;margin:2rem auto 0;max-width:1200px;width:100%}.move-counter{margin:2rem 0}button{background:none;border:2px solid #fff;border-radius:4px;color:#fff;cursor:pointer;font-size:1.8rem;font-weight:700;padding:.375rem .75rem}button:hover{color:#fff}button.active,button:hover{background:#c23866}.reset-game{fill:#fff;border:0;width:5rem}.difficulty-component .difficulty-list{display:flex;justify-content:center;list-style-type:none;margin:2rem 0 0;padding:0}.difficulty-component .difficulty-item{margin:0 1rem}.board-component{container:board/inline-size;flex-wrap:wrap;margin:2rem auto 0;max-width:80rem}.board-component,.card-component{align-items:center;display:flex;justify-content:center}.card-component{cursor:pointer;height:7rem;margin:.6rem;position:relative;width:7rem}.card-component.flipped .front{transform:rotateY(0deg);transition-delay:.2s}.card-component.flipped .back{transform:rotateY(90deg);transition-delay:0s}.card-component span{align-items:center;border:2px solid #0000;border-radius:6px;display:flex;font-size:4rem;justify-content:center}.card-component .front{background:#fff;bottom:0;left:0;position:absolute;right:0;top:0;transform:rotateY(90deg);transition:all .2s ease-in}.card-component .back{background-color:#e5e5f7;background-image:repeating-radial-gradient(circle at 0 0,#0000 0,#e5e5f7 9px),repeating-linear-gradient(rgba(235,137,241,.333),#eb89f1);height:100%;opacity:.8;transition:all .2s ease-in;transition-delay:.2s;width:100%}.card-component.border span{border-color:hotpink}@container board (inline-size > 450px){.card-component{height:10rem;margin:1rem;width:10rem}}@container board (inline-size > 650px){.card-component{height:12rem;margin:1rem;width:12rem}}
/*# sourceMappingURL=main.e40cefb8.css.map*/