*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#282c34;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.background{background-image:url(/memory-card-game/static/media/UCI.cc513e46046876c7382e.jpg);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;height:100%;position:fixed;width:100%;z-index:-1}.header{align-items:center;background-color:#24272eb2;color:#fff;display:flex;font-size:3em;justify-content:space-between;padding:10px}.title{color:#caa36f;font-size:1.5em;font-weight:700;letter-spacing:.05em}.scores{color:#997648}.card{background-color:#00008b;border-radius:5px;height:335px;padding:20px;position:relative;width:fit-content}.card:hover{background-color:#228b22}.main{display:grid;grid-auto-rows:350px;grid-template-columns:repeat(auto-fit,minmax(0,min(100%,max(300px,100%/5))));justify-content:center;margin:50px auto;width:80%}.img{height:250px;object-fit:cover}.img,.name{width:250px}.name{background-color:aqua;border-radius:3px;color:#744f1e;font-size:1.3em;font-weight:600;margin:0;padding-bottom:8px;padding-top:2px;position:absolute}.game-over{align-items:center;flex-direction:column;font-size:5em;font-weight:600;height:100%;left:0;padding-top:30vh;position:fixed;text-shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #fff,0 0 151px #fff;top:0}#end-scores,.game-over{display:flex;width:100%}#end-scores{justify-content:space-around}#new-high-score{color:gold;gap:100px;text-shadow:0 0 7px #fff,0 0 10px #fff,0 0 21px #fff,0 0 42px gold,0 0 82px gold,0 0 92px gold,0 0 102px gold,0 0 151px gold}.red{background-color:#ff000059}.green{background-color:#00ff0d59}#new-game{font-size:.5em;margin-top:40px;padding:10px}#new-game:hover{background-color:#a0a0a0}#new-game:active{margin-top:45px}@media (max-width:1000px){.header{flex-direction:column;flex-wrap:wrap;justify-content:center}.game-over.red{gap:30px;padding-top:5vh}#end-scores{flex-direction:column;gap:50px}}@media (max-width:400px){.main{width:fit-content}}
/*# sourceMappingURL=main.cfa50106.css.map*/