body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#eee;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}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.footer,nav{bottom:0;position:absolute}nav{background-color:#eee;border-top:1px solid #2e9ce5;color:#2e9ce5;height:50px;width:100%}. line{bottom:0;height:2px;margin:10px 0 0;position:absolute}ul{display:flex;justify-content:center;list-style:none;margin:0;padding:20px 0}li{margin:0 40px 0 0;opacity:.4;transition:all .4s ease}li:hover{cursor:pointer;opacity:.7}. active{opacity:1}li:last-child{margin-right:0}a{color:#fff;display:block;font-size:14px;font-weight:600;letter-spacing:.2em;text-decoration:none;text-transform:uppercase}@media screen and (max-width:400px){ul{padding:10px 0}li{font-size:12px;margin:0 20px 0 0}}.container{height:100%;width:100%}div[class*=box]{align-items:center;display:flex;height:50px;justify-content:center;width:200px}.box-1{bottom:25%;color:#2e9ce5;height:100px;position:absolute;width:100px}.content{padding-top:15px;text-align:justify;z-index:10}#text,.content{flex-direction:column}#text{justify-content:center;width:350px}#text,.words{display:flex}.text h3{font-size:18px;margin:40px;text-align:center;width:300px}.buttons{display:flex;flex-direction:column;left:20px;position:absolute;top:20px}.button:hover{cursor:pointer}.button{border:0;margin:5px}.btn{cursor:pointer;height:50px;line-height:50px;text-align:center;width:200px}.btn-one{position:relative}.btn-one,.btn-one span,.btn-one:before{transition:all .3s}.btn-one:before{border-bottom:1px solid #2e9ce5;border-top:1px solid #2e9ce5;bottom:0;content:"";height:50px;left:0;opacity:0;position:absolute;-webkit-transform:scaleX(.1);transform:scaleX(.1);width:200px;z-index:1}.btn-one:hover span{letter-spacing:2px}.btn-one:hover:before{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.btn-one:after{background-color:rgba(48,149,234,.07);bottom:0;content:"";height:100%;left:0;position:absolute;transition:all .3s;width:100%;z-index:1}.btn-one:hover:after{opacity:0;-webkit-transform:scaleX(.1);transform:scaleX(.1)}@media screen and (min-width:720px){#text{font-size:18px;width:500px}}@media screen and (max-width:600px){#text{font-size:16px;width:300px}}@media screen and (max-width:480px){#text{font-size:14px;width:250px}}@media screen and (max-width:400px){#text{font-size:13px;width:200px}}@media screen and (max-width:350px){#text{font-size:12px;width:150px}}.cards,.container{display:flex;justify-content:center}.cards{flex-direction:row;flex-wrap:wrap;margin-top:12%;padding-left:40px;padding-right:40px}.card{align-items:center;background-color:#eee;border:2px solid #3095ea;border-radius:10px;display:flex;height:15vh;margin:10px;width:220px}.cards img{height:50px;margin:auto}.random{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;top:20px}@media screen and (min-width:800px){.random{top:50px}}@media screen and (max-width:570px){.card{height:10vh;margin-left:50px;margin-top:0;width:65vw}.random{display:flex;flex-direction:row;left:20px;top:20px}.question{padding:10px;width:200px}}.question{padding:10px}#next{align-items:start;display:flex;left:0;opacity:.4;position:relative;transition:all .4s ease}.container{background-color:#eee;color:#2e9ce5}.content{display:flex;flex-direction:row;justify-content:center}.button{background-color:#eee}@media screen and (max-width:600px){.buttons{left:10px;margin:0;padding:0}.button{left:0;margin-left:0;margin-right:0;padding:0}}@media screen and (max-width:400px){#categories,#home,#rules{width:20px}}.ruleCard{align-items:center;border:1px solid #3095ea;border-radius:10px;color:#2e9ce5;display:flex;flex-direction:column;justify-content:center;left:15%;padding:20px;position:absolute;text-align:center;top:10%;width:60%}#rulesButton{left:0;opacity:.4;position:relative;transition:all .4s ease}h3{margin:5px}p{color:#00418c;font-size:18px;margin:2px}p:hover{color:#61dafb}#rulesOrderList{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}#categoriesListItem{border:0;font-size:15px;margin:0}@media screen and (min-width:900px){#categoriesListItem{font-size:17px}.ruleCard{left:25%;width:50%}}@media screen and (min-width:720px){h3{font-size:25px}.ruleCard{padding:40px}}@media screen and (max-width:480px){#categoriesListItem,p{font-size:12px}h3{font-size:17px}.ruleCard{left:20%;padding:5px}}.categoryCard{background-color:#eee;border:2px solid #3095ea;border-radius:10px;color:#3095ea;left:8%;margin:0;position:absolute;top:20%;width:85%}.categoryCard h3{display:flex;justify-content:center}#categoriesUnorderedList{flex-direction:row;flex-wrap:wrap}#categoriesUnorderedList,.categoriesListItemBefore{align-items:center;display:flex;justify-content:center}.categoriesListItemBefore{height:120px}.categoriesListItemAfter,.categoriesListItemBefore{border:2px solid #3095ea;border-radius:10px;color:#1b4788;font-size:20px;margin:10px;width:210px}.categoriesListItemAfter{align-items:center;background-color:#b8d9ee;display:flex;height:150px;justify-content:center}p{opacity:.4;padding-bottom:20px;text-align:center;transition:all .4s ease}p:hover{cursor:pointer;opacity:.7}@media screen and (min-width:1100px){.categoryCard{left:15%;width:70%}}@media screen and (max-width:820px){h3{font-size:19px}p{font-size:18px}.categoryCard{background-color:#eee;border:2px solid #3095ea;border-radius:10px;color:#3095ea;position:absolute}.categoriesListItemBefore{height:50px}.categoriesListItemAfter,.categoriesListItemBefore{align-items:center;border:1px solid #3095ea;border-radius:10px;color:#1b4788;display:flex;font-size:15px;justify-content:center;margin:5px;width:80%}.categoriesListItemAfter{background-color:#b8d9ee;height:75px}}@media screen and (max-width:560px){h3{font-size:19px}p{font-size:18px}.categoryCard{background-color:#eee;border:2px solid #3095ea;border-radius:10px;color:#3095ea;position:absolute}.categoriesListItemBefore{height:50px}.categoriesListItemAfter,.categoriesListItemBefore{align-items:center;border:1px solid #3095ea;border-radius:10px;color:#1b4788;display:flex;font-size:15px;justify-content:center;margin:5px;width:80%}.categoriesListItemAfter{background-color:#b8d9ee;height:75px}}
/*# sourceMappingURL=main.4318838c.css.map*/