@font-face{font-family:Beaufort;src:url(/MemoryCard/fonts/Beaufort/BeaufortforLOL-Bold.woff) format("woff")}header{display:flex;width:100%;align-items:center;justify-content:space-around;padding:0 6rem;background-color:#111;font-family:Beaufort,sans-serif;opacity:90%}header img{width:11rem}header .nick{color:#fff;font-size:2rem}header .github-link{display:flex;align-items:center;justify-content:center;text-decoration:none;gap:.5rem}header .github-link .fa-github{color:#fff;font-size:2rem;transition:transform .9s ease-in-out}header .github-link .fa-github:hover{transform:rotate(360deg) scale(1.3)}header h1{color:#fff}@media (max-width: 650px){header{gap:10px}}@media (max-width: 500px){header h1,header .nick{font-size:small}header img{width:100px}}@font-face{font-family:BeaufortItalic;src:url(/MemoryCard/fonts/Beaufort/BeaufortforLOL-BoldItalic.woff) format("woff")}.cards-list{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;padding:1rem;list-style:none}.cards-list .cards-list.hide{display:none}.cards-list .card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;overflow:hidden;animation:scale-cards .5s;border:none;font-family:BeaufortItalic,sans-serif;font-size:1.5rem}.cards-list .card:hover{transform:scale(1.05)}.cards-list .card .character-image{pointer-events:none;object-fit:contain}.cards-list .card .character-name{width:100%;background-color:#061c25;color:#fff;padding:1rem;box-sizing:0px 4px 20px rgba(0,0,0,.25);text-transform:capitalize;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@keyframes scale-cards{0%{transform:scale(0)}to{transform:scale(1)}}@font-face{font-family:Beaufort;src:url(/MemoryCard/fonts/Beaufort/BeaufortforLOL-Bold.woff) format("woff")}.start-modal{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3}.start-modal .modalContent{position:absolute;left:0%;top:34%;background-color:#111;border-radius:10px;width:100%;max-height:fit-content;padding:5rem;text-align:center;color:#fff;font-size:large;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Beaufort,sans-serif}.start-modal .modalContent .closeButton{background-color:#061c25;color:#fff;border:none;padding:15px 50px;cursor:pointer;border-radius:5px;margin-top:8px;font-family:Beaufort,sans-serif;font-size:1.5rem}@media (max-width: 500px){.modalContent h1{font-size:large}.modalContent p{font-size:small}}.App{display:flex;flex-direction:column;justify-content:center}.score-container{display:flex;flex-wrap:wrap;padding:.5rem;justify-content:space-evenly;margin-top:3rem}.score-container .current-score,.score-container .best-score{border-radius:10px;color:#fff;text-align:center;min-width:fit-content;width:10rem;padding:.5rem;box-shadow:0 5px 20px #00000040;background-color:#061c25}.score-container .animate-scale-score{animation:scale-score .5s}@keyframes scale-score{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@font-face{font-family:Beaufort;src:url(/MemoryCard/fonts/Beaufort/BeaufortforLOL-Bold.woff) format("woff")}.modal-overlay{position:fixed;left:0;top:0;background-color:#00000080;opacity:0;visibility:hidden;transition:opacity .3s;width:100%;height:100%}.modal-overlay .modal-content{transition:.3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.5);width:clamp(200px,80%,350px);border-radius:.5rem;padding:15px;display:flex;align-items:space-between;flex-direction:column;justify-content:center;gap:15px;color:#fff;background-color:#111;font-family:Beaufort,sans-serif}.modal-overlay .modal-content .modal-header{text-align:center}.modal-overlay .modal-content .play-again{background-color:#061c25;color:inherit;border:none;border-radius:5px;padding:10px;font-family:Beaufort,sans-serif}.modal-overlay .modal-content .play-again:hover{filter:brightness(.8)}.modal-overlay.active{opacity:1;visibility:visible;padding:15px}.modal-overlay.active .modal-content{transform:translate(-50%,-50%) scale(1)}*{padding:0;margin:0;box-sizing:border-box}html,body{min-height:100%}body{background-image:url(/MemoryCard/background.jpg);background-size:cover}button{cursor:pointer}