body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#3e015e;color:#a29bf3;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;margin:0;padding:3rem}.App{display:flex;flex-direction:column;text-align:center}.App header{height:3.2rem;padding-bottom:2rem;padding-top:2rem}.App a{background-color:#190123;border:none;border-radius:5px;box-sizing:border-box;color:#a29bf3;font-size:1.2rem;font-style:italic;font-weight:600;margin:1rem;padding:1rem;text-align:center;text-decoration:none}.App a:hover{box-shadow:0 0 .3rem .2rem #ef0dca;color:#ef0dca}.startpg{align-content:center;background-color:#f0f8ff;border-radius:5px;display:flex;flex-direction:column;gap:1rem;justify-content:center;margin:auto;max-width:70%;padding:2rem}.startpg p{color:#190123;font-style:italic;font-weight:500;margin:.2rem;padding:.2rem;text-align:center}.gamecontainer{display:flex;flex-direction:column;gap:2rem;margin:auto}.gamecontainer .gamebox{align-items:stretch;display:flex;flex-direction:row;gap:2rem;text-align:center}.gamecontainer .gamebox a{background-color:#190123;border:none;border-radius:5px;box-sizing:border-box;color:#a29bf3;font-size:1.2rem;font-style:italic;font-weight:600;margin:1rem;padding:1rem;text-align:center;text-decoration:none}.gamecontainer .gamebox a:hover{box-shadow:0 0 .3rem .2rem #ef0dca;color:#ef0dca}.gamearea{grid-gap:0;background-color:#f0f8ff;border-radius:5px;display:grid;gap:0;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);max-width:1000px;padding-bottom:2rem!important;padding-right:2rem!important;padding:1rem}.gamearea button{margin:1rem}.gamearea #parent1-container{border-bottom:3px dotted #190123;grid-column:2/6;grid-row:1/2;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;margin-bottom:0;padding-bottom:1rem}.gamearea #parent1-container .pea:hover{box-shadow:none}.gamearea #parent2-container{border-right:3px dotted #190123;grid-column:1/2;grid-row:2/6;justify-self:stretch;margin-right:1rem;padding-left:1rem;padding-right:1.8rem;width:90%}.gamearea #parent2-container .pea:hover{box-shadow:none}.gamearea #child-container{display:flex;flex-direction:row;flex-wrap:wrap;grid-column:2/6;grid-row:2/6}.gamearea #child-container .child{width:25%}.gamearea #child-container .peabar:nth-child(odd) .cuboidelliptic{rotate:180deg}.gamearea #child-container .peabar:nth-child(odd) .cuboidwrinkled{rotate:90deg}.gamearea #child-container .peabar:nth-child(odd) .ellipticwrinkled{rotate:160deg}.peabar{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:0;padding:1rem}.peabar p{color:#190123;font-style:italic;font-weight:500;margin:.2rem;padding:.2rem;text-align:center}.pea{border-radius:50%;height:4rem;width:4rem}.brown{background-color:#5d2e02}.brownorange{background-color:#ac3d05}.brownpurple{background-color:#3e040d}.brownyellow{background-color:#e4bf03}.Green{background-color:#055604}.greenkhaki{background-color:#37430b}.Khaki{background-color:#645402}.orange{background-color:#fd5c05}.orangeyellow{background-color:#f97f04}.orangepurple{background-color:#620000}.purple{background-color:#32033a}.purpleyellow{background-color:#6b0370}.yellow{background-color:#f6ff00}.Round{border-radius:50%;height:4rem;width:4rem}.Round:hover{box-shadow:0 0 .3rem .2rem #ef0dca}.cuboid{border-radius:45% 25% 45% 30%;height:3.5rem;-webkit-transform:skew(7.2deg,15deg);transform:skew(7.2deg,15deg);width:3.5rem}.cuboid:hover{box-shadow:0 0 .3rem .2rem #ef0dca}.cuboidelliptic{border-radius:45% 25% 45% 30%;height:3.5rem;-webkit-transform:rotate(140deg) skew(18deg,15deg);transform:rotate(140deg) skew(18deg,15deg);width:3.5rem}.cuboidelliptic:hover{box-shadow:0 0 .3rem .2rem #ef0dca}.cuboidwrinkled{border-radius:45% 15% 45% 15%;height:3.5rem;position:relative;-webkit-transform:skew(7.2deg,15deg);transform:skew(7.2deg,15deg);width:3.5rem}.cuboidwrinkled:hover{box-shadow:0 0 .3rem .2rem #ef0dca}.cuboidwrinkled:after,.cuboidwrinkled:before{background:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.cuboidwrinkled:before{border-radius:35% 35% 35% 25%}.cuboidwrinkled:after{border-radius:25% 40% 30% 40%;-webkit-transform:rotate(60deg);transform:rotate(60deg)}.elliptic{border-radius:70% 25% 70% 25%;height:3.5rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:3.5rem}.elliptic:hover{box-shadow:0 0 .3rem .2rem #ef0dca}.ellipticwrinkled{border-radius:70% 25% 70% 25%;height:3.5rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:3.5rem}.ellipticwrinkled:after,.ellipticwrinkled:before{background:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.ellipticwrinkled:before{border-radius:100% 35% 100% 25%;-webkit-transform:rotate(20deg);transform:rotate(20deg)}.ellipticwrinkled:after{border-radius:85% 45% 90% 90%;-webkit-transform:rotate(35deg);transform:rotate(35deg)}.wrinkled{border-radius:50% 25% 35% 50%;height:3.5rem;position:relative;width:3.5rem}.wrinkled:hover{box-shadow:0 0 .3rem .2rem #ef0dca}.wrinkled:after,.wrinkled:before{background:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.wrinkled:before{border-radius:25% 25% 30% 25%;-webkit-transform:rotate(25deg);transform:rotate(25deg)}.wrinkled:after{border-radius:25% 50% 30% 30%;-webkit-transform:rotate(60deg);transform:rotate(60deg)}.highlight{box-shadow:0 0 .3rem .3rem #a29bf3}button{background-color:#190123;border:none;border-radius:5px;color:#a29bf3;font-size:1.2rem;font-style:italic;font-weight:600;height:5rem;margin:1rem;padding:0;text-align:center;text-decoration:none;width:5rem}button:hover{box-shadow:0 0 .3rem .2rem #ef0dca;color:#ef0dca}.parentmenu{padding:1rem}.genebar,.parentmenu{background-color:#f0f8ff;border-radius:5px}.genebar{align-content:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:2rem}.genebar h3,.genebar p{color:#190123;font-style:italic;font-weight:500;margin:.2rem;padding:.2rem;text-align:center}.genebar .traitbox{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:1.5rem;justify-content:center}.genebar .traitbox .trait .geneletter{color:#a29bf3;font-size:1.5rem;font-weight:700;text-shadow:1px 1px 1px #190123}.genebar .traitbox .trait .geneletter#b{color:#5d2e02}.genebar .traitbox .trait .geneletter#G{color:#055604}.genebar .traitbox .trait .geneletter#K{color:#645402}.genebar .traitbox .trait .geneletter#o{color:#fd5c05}.genebar .traitbox .trait .geneletter#p{color:#32033a}.genebar .traitbox .trait .geneletter#y{color:#f6ff00}
/*# sourceMappingURL=main.a8780016.css.map*/