:root{--primary-color:#222;--secondary-color:#ece7ee;--neutral-color:#fbecda}body{background-color:var(--neutral-color);font-family:Orbitron,Lato,'PT Sans',-apple-system,BlinkMacSystemFont,Roboto,Ubuntu,'Droid Sans','Helvetica Neue',Arial,sans-serif;font-size:1rem}.main{background-color:var(--primary-color);display:grid;grid-template-columns:1fr 2fr 2fr 1fr;grid-template-rows:1fr 2fr 2fr 1fr;grid-gap:.4rem;height:100vh;width:100vw}.buttonGame{cursor:pointer;background-size:cover;background-repeat:no-repeat;opacity:.9;z-index:1}.--blink{-webkit-filter:brightness(3);filter:brightness(3);opacity:1}.button__UL{background-color:green;grid-column:1 / 3;grid-row:1 / 3}.button__UR{background-color:red;grid-column:3 / 5;grid-row:1 / 3}.button__LL{background-color:#ff0;grid-column:1 / 3;grid-row:3 / 5}.button__LR{background-color:#00f;grid-column:3 / 5;grid-row:3 / 5}.--blink-UL{background-color:#4bfa7d}.--blink-UR{background-color:#fdb8be}.--blink-LL{background-color:#fff}.--blink-LR{background-color:#c9c7f9}.--events-disabled{cursor:auto;pointer-events:none}.--events-enabled{cursor:pointer;pointer-events:auto}.menu{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:var(--secondary-color);border:.4rem solid var(--primary-color);border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:40vw;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;grid-column:2 / 4;grid-row:2 / 4;margin:auto;min-height:145px;min-width:145px;width:40vw;z-index:2}.menu__message{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:var(--primary-color);border-radius:15%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;height:30%;width:30%}.message{color:red;font-size:1.4rem;margin-top:.5rem}.wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-webkit-flex:0 0 35%;-ms-flex:0 0 35%;flex:0 0 35%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;min-width:98px}.menu__group{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.menu__label{color:var(--primary-color);font-family:'Exo 2';font-size:.6rem;margin-top:.6rem;text-align:center}.menu__btn{border-radius:50%;-webkit-box-shadow:3px 4px 4px 4px var(--primary-color),0 0 2px 1.5px var(--secondary-color),0 0 0 5px var(--primary-color);box-shadow:3px 4px 4px 4px var(--primary-color),0 0 2px 1.5px var(--secondary-color),0 0 0 5px var(--primary-color);cursor:pointer;height:1.1rem;width:1.1rem}.--pressed{-webkit-box-shadow:inset 3px 3px 12px -2px var(--primary-color),0 0 0 5px var(--primary-color);box-shadow:inset 3px 3px 12px -2px var(--primary-color),0 0 0 5px var(--primary-color)}.--yellow{background-color:#ff0}.--red{background-color:red}.--green{background-color:green}@media screen and (min-width:22rem){.wrapper{width:70%}}@media screen and (min-width:30rem){.main{border:.4rem solid var(--primary-color);border-radius:50%;height:20rem;margin:4rem auto;width:20rem}.buttonGame{background-color:transparent}.button__UL{background-image:url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' id='sector_xY'><path fill='green'  d='M100,100 L0,100 A100,100 1 0,1 100,0z' /></svg>")}.button__UR{background-image:url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' id='sector_XY'><path fill='red'  d='M0,100 L0,0 A100,100 1 0,1 100,100 z' /></svg>")}.button__LL{background-image:url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' id='sector_xy'><path fill='yellow'  d='M100,0 L100,100 A100,100 1 0,1 0,0 z' /></svg>")}.button__LR{background-image:url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' id='sector_Xy'><path fill='blue'  d='M0,0 L100,0 A100,100 1 0,1 0,100 z' /></svg>")}.--blink-UL{background-image:url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' id='sector_xY'><path fill='hsl(137, 95%, 64%)'  d='M100,100 L0,100 A100,100 1 0,1 100,0z' /></svg>")}.--blink-UR{background-image:url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' id='sector_XY'><path fill='hsl(355, 97%, 86%)'  d='M0,100 L0,0 A100,100 1 0,1 100,100 z' /></svg>")}.--blink-LL{background-image:url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' id='sector_xy'><path fill='hsl(60, 76%, 100%)'  d='M100,0 L100,100 A100,100 1 0,1 0,0 z' /></svg>")}.--blink-LR{background-image:url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' id='sector_Xy'><path fill='hsl(242, 81%, 88%)'  d='M0,0 L100,0 A100,100 1 0,1 0,100 z' /></svg>")}.menu{height:11rem;width:11rem}.wrapper{-webkit-box-flex:0;-webkit-flex:0 0 40%;-ms-flex:0 0 40%;flex:0 0 40%}.menu__message{margin:1rem}.menu__button{height:1.1rem;width:1.1rem}.message{font-size:1.7rem;margin-top:.6rem}}@media screen and (min-width:40rem){.main{height:30rem;width:30rem}.menu{height:15rem;width:15rem}.wrapper{-webkit-box-flex:0;-webkit-flex:0 0 35%;-ms-flex:0 0 35%;flex:0 0 35%;width:73%}.menu__button{height:1.5rem;width:1.5rem}.menu__label{font-size:.8rem;margin-top:.7rem}}html{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%}*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit}body,button,div,p{margin:0;padding:0}:focus{outline:0}
/*# sourceMappingURL=style.css.map */