.App{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;background-color:#90ee90}:root{--first-background-color:#696969;--first-color:#fff;--second-color:#e9967a;--second-background-color:grey;--third-color:#000}body{box-sizing:border-box;margin:0;padding:0}.title{font-family:"Goblin One",cursive}.description{font-family:"Permanent Marker",cursive}.App h2,.description{font-size:2rem}.menu-btn:focus,.menu-btn:hover{color:#e9967a;color:var(--second-color);background-color:#696969;background-color:var(--first-background-color);overflow:hidden}.EndScreen,.Menu,.Quiz{width:555px;height:474px;border-radius:10px;background-color:#20b2aa;-webkit-flex-direction:column;flex-direction:column}.EndScreen,.EndScreen button,.Menu,.Menu button,.Quiz,.Quiz button{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.EndScreen button,.Menu button,.Quiz button{width:300px;height:50px;margin:5px;border:none;border-radius:20px;font-size:20px;cursor:pointer}.EndScreen,.Menu,.Quiz{color:#fff;color:var(--first-color)}.Menu h1{font-size:1.5rem;text-align:center;margin-bottom:100px;font-family:"Anton",sans-serif}.btn-quiz{margin:10px;background-color:#b22222;color:#fffaf0}.btn-quiz:hover{color:#000;color:var(--third-color);font-size:1.3rem;box-shadow:0 3px 10px rgba(0,0,0,.9)}.btn-finish{background-color:#00f;color:#fff;color:var(--first-color)}.btn-finish:hover{box-shadow:0 3px 10px rgba(0,0,0,.9);color:#000;color:var(--third-color);font-family:"Permanent Marker",cursive;font:bolder}.options{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.quiz-btn{z-index:1;overflow:hidden;background-color:#d3d3d3;transition:color .5s ease-in-out}.quiz-btn :focus:before,.quiz-btn :hover:before{-webkit-transform:scale(0);transform:scale(0)}.quiz-btn:focus,.quiz-btn:hover{color:#ff8c00;background-color:grey;background-color:var(--second-background-color)}.Quiz h1{text-align:center}.end-btn:hover{background-color:#696969;background-color:var(--first-background-color);color:#e9967a;color:var(--second-color);box-shadow:0 3px 10px rgba(0,0,0,.9)}
/*# sourceMappingURL=main.94762832.chunk.css.map */