*{margin:0;padding:0;box-sizing:border-box}:root{--mainColor:pink;--accentColor:grey;--mainBgColor:#282c34}body{margin:0;font-family:Comfortaa,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{background-color:#282c34;background-color:var(--mainBgColor)}.App{text-align:center;width:100%;margin:0 auto;-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;user-select:none}.App-header{background-color:#282c34;min-height:20vh;max-width:470px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-size:2rem;color:var(--mainColor);font-family:Comfortaa,sans-serif;margin:0 auto}.App-header .menu-btn{align-self:center;cursor:pointer;margin-left:10px;padding:8px;border:1px solid var(--mainColor);border-radius:5px}.App-header .menu-btn .line-1,.App-header .menu-btn .line-2,.App-header .menu-btn .line-3{background-color:var(--mainColor);width:30px;height:4px;margin:3px 0;border-radius:2px}.App-header h1{display:inline-block;font-size:1.75rem;margin-left:10px}.level{font-size:.75rem;padding:5px 10px;margin:0 10px;background-color:var(--mainColor);color:#282c34;border-radius:3px}@media only screen and (max-width:900px){.App-header{min-height:8vh;padding:10px 0 20px;align-items:baseline}.App-header h1{font-size:1.65rem}.level{align-self:flex-start}}.single-card{height:100px;width:100px;margin:10px;display:flex;justify-content:center;align-items:center;cursor:pointer;background-color:var(--accentColor);color:var(--mainColor);border-radius:15px}.selected-card{background-color:var(--mainColor);color:var(--accentColor)}.container{max-width:700px;margin:0 auto}.gameboard{display:flex;flex-wrap:wrap;max-width:550px;justify-content:center;align-items:center;margin:10px auto 0}.scoreboard{color:#faebd7;width:66%;margin:20px auto;font-size:1.25rem}.scoreboard,.scoreboard span{display:flex;justify-content:space-between}.scoreboard span{background-color:var(--mainColor);color:#282c34;padding:8px 10px;border-radius:10px;width:48%;align-items:baseline}.scoreboard span strong{margin-left:5px;font-size:1.35rem}.display-msg{color:var(--mainColor);background-color:var(--accentColor);font-size:1.5rem;height:10vh;border:3px solid var(--mainColor);border-radius:15px;width:90%;margin:10px auto;display:flex;justify-content:center;align-items:center;max-width:470px;font-family:Comfortaa,sans-serif}@media only screen and (max-width:900px){.single-card{height:70px;width:19%;margin:5px}.display-msg,.scoreboard{width:85%}}.confetti-ctr{height:60vh}.confetti-ctr,.final-winner{display:flex;justify-content:center;align-items:center}.final-winner{height:80vh}.winner-modal{color:var(--mainColor);background-color:var(--accentColor);width:80%;margin:0 auto;padding:20px;border-radius:10px;z-index:2;font-family:Comfortaa,sans-serif}.winner-modal .winner-msg{border-bottom:1px solid}.winner-modal .top-scores{text-align:start;display:flex;flex-direction:column;justify-content:flex-start;align-items:baseline;width:80%;margin:0 auto;padding:8px 0}.winner-modal .top-scores .levels{width:100%;display:flex;justify-content:space-between;margin:5px 0}h2{margin:10px 0}.winner-modal .top-scores h3{padding:0;margin:10px 0}h3{width:100%}.confetti-ctr button,.final-winner button{color:var(--accentColor);border:none;box-shadow:0 2px 4px #000;background-color:var(--mainColor);padding:10px 16px;border-radius:25px;font-size:1.5rem;cursor:pointer}.color-theme{display:flex;flex-direction:column;flex-wrap:wrap;padding:20px;color:var(--mainColor)}.color-theme,.color-theme h2{font-size:1.75rem}.color-theme section{display:flex;flex-wrap:wrap;justify-content:center}.selection{height:75px;width:75px;border-radius:50%;margin:15px;cursor:pointer}.color-theme button{border:3px solid var(--accentColor);border-radius:25px;margin:20px 0;padding:8px 26px;font-size:1.5rem;background:var(--mainColor);color:var(--accentColor)}.default{background:pink}.coral{background:coral}.yellow{background:#ff0}.green{background:#7fff00}.blue{background:#00bfff}.purple{background:#9932cc}.backdrop-filter{background-color:#282c34;min-height:80vh;position:absolute;top:15%;opacity:.98}.dropdown-menu{height:250px;padding:20px;border-radius:15px;font-size:1.75rem;width:100%;min-width:475px;background-color:var(--accentColor);display:flex;flex-direction:column;justify-content:center;-webkit-animation:appear .5s ease-in;animation:appear .5s ease-in}.disappear{-webkit-animation:disappear .5s ease-in;animation:disappear .5s ease-in}.dropdown-menu a{border-bottom:1px solid var(--mainColor);margin:0;padding:20px;cursor:pointer;text-decoration:none;color:var(--mainColor)}.dropdown-menu a:last-child{border-bottom:none}@media only screen and (max-width:900px){.backdrop-filter{top:12%;width:100%}.dropdown-menu{width:90%;margin:10px auto;min-width:0}}@-webkit-keyframes appear{0%{opacity:0}to{opacity:.9}}@keyframes appear{0%{opacity:0}to{opacity:.9}}@-webkit-keyframes disappear{0%{opacity:.9}to{opacity:0}}@keyframes disappear{0%{opacity:.9}to{opacity:0}}
/*# sourceMappingURL=main.6f4e9692.chunk.css.map */