@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300&display=swap);body{margin:0;font-family:"Source Sans Pro",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.dark-mode{color:#000;background-color:#fff}.App,.gridContainer{display:flex;justify-content:center;align-items:center}.gridContainer{flex-direction:column;color:#fff}.dark-mode .gridContainer{color:#daa520}.gridContainer .header{font-family:"Dancing Script",cursive;font-size:3.6rem;color:#daa520;height:40px}.gridContainer .close{display:flex;justify-content:flex-end!important;width:100%;position:absolute;top:20px;width:500px}.gridContainer .close button{width:30px;border-radius:50%;border:2px solid #fff;font-family:"Source Sans Pro",sans-serif;cursor:pointer}.gridContainer .close button:hover{border:2px solid #daa520}.gridContainer button{width:110px;background:none;color:#daa520;height:30px;border:2px solid #fff;border-radius:13px;transition:.3s;outline:none;margin:20px;font-family:"Source Sans Pro",sans-serif;font-size:1.1rem;cursor:pointer}.dark-mode .gridContainer button{border:2px solid #000;font-weight:600}.gridContainer button:hover{border:2px solid #daa520}.grid{display:grid;grid-template-columns:repeat(30,20px)}.cell,.celltoggleBackground{width:20px;height:20px;border:1px solid #303634;cursor:pointer}.celltoggleBackground{background-color:#daa520}@media only screen and (max-width:620px){.gridContainer .grid{grid-template-columns:repeat(30,15px)}.cell,.celltoggleBackground{width:15px;height:15px}}.mainContainer{color:#fff}.dark-mode .mainContainer{color:#000}.title{font-family:"Dancing Script",cursive;font-size:9.6rem;color:#daa520}.links{display:flex;flex-direction:column;justify-content:center;align-items:center}.links button{font-size:4.3rem;margin-bottom:8%;padding:5px;font-family:"Source Sans Pro",sans-serif;font-weight:500;background:none;color:#fff;border:1px solid #000;border-radius:9px;background:linear-gradient(90deg,#daa520 50%,#000 0);background-size:201% 100%;background-position:100% 100%;transition:all .5s ease-out;outline:none;cursor:pointer}.links button:hover{background-position:0 100%;border:1px solid #000}.options{color:#fff}.dark-mode .links button{color:#000;background:linear-gradient(90deg,#daa520 50%,#fff 0);background-size:201% 100%;background-position:100% 100%;transition:all .5s ease-out;outline:none;border:1px solid #fff}.dark-mode .links button:hover{background-position:0 100%;border:1px solid #fff}.link{display:flex;justify-content:flex-end}.link button{font-size:2.3rem;margin-bottom:8%;padding:5px;font-family:"Source Sans Pro",sans-serif;font-weight:500;background:none;color:#fff;border:1px solid #000;border-radius:9px;background:linear-gradient(90deg,#daa520 50%,#000 0);background-size:201% 100%;background-position:100% 100%;transition:all .5s ease-out;outline:none;cursor:pointer}.link button:hover{background-position:0 100%;border:1px solid #000}.dark-mode .link button{color:#000;background:linear-gradient(90deg,#daa520 50%,#fff 0);background-size:201% 100%;background-position:100% 100%;transition:all .5s ease-out;outline:none;border:1px solid #fff}.dark-mode .link button:hover{background-position:0 100%;border:1px solid #fff}.mainContainer .rules{display:flex;flex-direction:column;justify-content:center}.mainContainer .rules h1{text-align:center}.mainContainer .rules li{padding-left:10%}.mainContainer .about{display:flex;flex-direction:column;width:700px;justify-content:center;align-items:center}.mainContainer .about p{padding-left:10px}.mainContainer .about p a{color:#daa520}@media only screen and (max-width:730px){.mainContainer .title{text-align:center;font-size:5.4rem}.mainContainer .about,.mainContainer .rules{width:100%}.links button{font-size:2.5rem}.link{padding-right:100px}.link button{font-size:2rem}.about p{width:500px}}@media only screen and (max-width:512px){.mainContainer,.mainContainer .about,.mainContainer .rules{width:100%}.mainContainer .about p{width:95%}}
/*# sourceMappingURL=main.428a0cef.chunk.css.map */