#root,body,html{margin:0;padding:0;font-family:sans-serif;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;background:#000}#root,body,html{-ms-flex-direction:row;flex-direction:row}.matrix{-ms-flex-positive:1;flex-grow:1;-ms-flex-line-pack:center;-ms-flex-pack:center;-ms-flex-direction:row;flex-direction:row}.matrix,.matrix-row{padding:0;margin:0;display:-ms-flexbox;display:flex;align-content:center;justify-content:center}.matrix-row{-ms-flex-positive:1;flex-grow:1;-ms-flex-line-pack:center;-ms-flex-pack:center;-ms-flex-direction:column;flex-direction:column}.pez-frame{margin:0;padding:0;display:block}.pez{padding:0;border:1px solid #333;border-radius:90px;-webkit-transition:all .15s;-o-transition:all .15s;transition:all .15s}.pez-frame:hover>.pez{border:1px solid hsla(0,0%,100%,.4)}.pez.white{-webkit-box-shadow:0 0 32px #fff;box-shadow:0 0 32px #fff;background-color:hsla(0,0%,100%,.9);border-color:hsla(0,0%,100%,.8);-webkit-animation:white-glow .25s ease-in forwards;animation:white-glow .25s ease-in forwards}.pez-frame:hover>.pez.white{border-color:hsla(0,0%,100%,.4)}.pez.yellow{-webkit-box-shadow:0 0 32px #dabb22;box-shadow:0 0 32px #dabb22;background-color:rgba(218,187,34,.9);border-color:rgba(218,187,34,.8);-webkit-animation:yellow-glow .25s ease-in forwards;animation:yellow-glow .25s ease-in forwards}.pez-frame:hover>.pez.yellow{border-color:hsla(0,0%,100%,.4)}.pez.red{-webkit-box-shadow:0 0 32px #e32d1f;box-shadow:0 0 32px #e32d1f;background-color:rgba(227,45,31,.9);border-color:rgba(227,45,31,.8);-webkit-animation:red-glow .25s ease-in forwards;animation:red-glow .25s ease-in forwards}.pez-frame:hover>.pez.red{border-color:hsla(0,0%,100%,.4)}.pez.purple{-webkit-box-shadow:0 0 32px #653799;box-shadow:0 0 32px #653799;background-color:rgba(101,55,153,.9);border-color:rgba(101,55,153,.8);-webkit-animation:purple-glow .25s ease-in forwards;animation:purple-glow .25s ease-in forwards}.pez-frame:hover>.pez.purple{border-color:hsla(0,0%,100%,.4)}.pez.green{-webkit-box-shadow:0 0 32px #309c37;box-shadow:0 0 32px #309c37;background-color:rgba(48,156,55,.9);border-color:rgba(48,156,55,.8);-webkit-animation:green-glow .25s ease-in forwards;animation:green-glow .25s ease-in forwards}.pez-frame:hover>.pez.orange{border-color:rgba(245,130,75,.4)}.pez.orange{-webkit-box-shadow:0 0 32px #f5824b;box-shadow:0 0 32px #f5824b;background-color:rgba(245,130,75,.9);border-color:rgba(245,130,75,.8);-webkit-animation:orange-glow .25s ease-in forwards;animation:orange-glow .25s ease-in forwards}.pez-frame:hover>.pez.green{border-color:hsla(0,0%,100%,.4)}.pez.pink{-webkit-box-shadow:0 0 32px #c27889;box-shadow:0 0 32px #c27889;background-color:rgba(194,120,137,.9);border-color:rgba(194,120,137,.8);-webkit-animation:pink-glow .25s ease-in forwards;animation:pink-glow .25s ease-in forwards}.pez-frame:hover>.pez.pink{border-color:hsla(0,0%,100%,.4)}.pez.blue{-webkit-box-shadow:0 0 32px #51aed7;box-shadow:0 0 32px #51aed7;background-color:rgba(81,174,215,.9);border-color:rgba(81,174,215,.8);-webkit-animation:blue-glow .25s ease-in forwards;animation:blue-glow .25s ease-in forwards}.pez-frame:hover>.pez.blue{border-color:hsla(0,0%,100%,.4)}@-webkit-keyframes white-glow{0%{-webkit-box-shadow:0 0 10px #bec9cb,0 0 20px #bec9cb,0 0 30px #bec9cb,0 0 40px #bec9cb,0 0 70px #fff,0 0 80px #fff,0 0 100px #fff,0 0 150px #fff;box-shadow:0 0 10px #bec9cb,0 0 20px #bec9cb,0 0 30px #bec9cb,0 0 40px #bec9cb,0 0 70px #fff,0 0 80px #fff,0 0 100px #fff,0 0 150px #fff}to{-webkit-box-shadow:0 0 5px #bec9cb,0 0 10px #bec9cb,0 0 15px #bec9cb,0 0 20px #fff,0 0 35px #fff,0 0 40px #fff,0 0 50px #fff,0 0 75px #fff;box-shadow:0 0 5px #bec9cb,0 0 10px #bec9cb,0 0 15px #bec9cb,0 0 20px #fff,0 0 35px #fff,0 0 40px #fff,0 0 50px #fff,0 0 75px #fff}}@-webkit-keyframes yellow-glow{0%{-webkit-box-shadow:0 0 10px #d9be0f,0 0 20px #d9be0f,0 0 30px #d9be0f,0 0 40px #d9be0f,0 0 70px #f3efc9,0 0 80px #f3efc9,0 0 100px #f3efc9,0 0 150px #f3efc9;box-shadow:0 0 10px #d9be0f,0 0 20px #d9be0f,0 0 30px #d9be0f,0 0 40px #d9be0f,0 0 70px #f3efc9,0 0 80px #f3efc9,0 0 100px #f3efc9,0 0 150px #f3efc9}to{-webkit-box-shadow:0 0 5px #d9be0f,0 0 10px #d9be0f,0 0 15px #d9be0f,0 0 20px #f3efc9,0 0 35px #f3efc9,0 0 40px #f3efc9,0 0 50px #f3efc9,0 0 75px #f3efc9;box-shadow:0 0 5px #d9be0f,0 0 10px #d9be0f,0 0 15px #d9be0f,0 0 20px #f3efc9,0 0 35px #f3efc9,0 0 40px #f3efc9,0 0 50px #f3efc9,0 0 75px #f3efc9}}@-webkit-keyframes red-glow{0%{-webkit-box-shadow:0 0 10px #de2c1e,0 0 20px #de2c1e,0 0 30px #de2c1e,0 0 40px #de2c1e,0 0 70px #f97684,0 0 80px #f97684,0 0 100px #f97684,0 0 150px #f97684;box-shadow:0 0 10px #de2c1e,0 0 20px #de2c1e,0 0 30px #de2c1e,0 0 40px #de2c1e,0 0 70px #f97684,0 0 80px #f97684,0 0 100px #f97684,0 0 150px #f97684}to{-webkit-box-shadow:0 0 5px #de2c1e,0 0 10px #de2c1e,0 0 15px #de2c1e,0 0 20px #f97684,0 0 35px #f97684,0 0 40px #f97684,0 0 50px #f97684,0 0 75px #f97684;box-shadow:0 0 5px #de2c1e,0 0 10px #de2c1e,0 0 15px #de2c1e,0 0 20px #f97684,0 0 35px #f97684,0 0 40px #f97684,0 0 50px #f97684,0 0 75px #f97684}}@-webkit-keyframes purple-glow{0%{-webkit-box-shadow:0 0 10px #63359c,0 0 20px #63359c,0 0 30px #63359c,0 0 40px #63359c,0 0 70px #9f58bb,0 0 80px #9f58bb,0 0 100px #9f58bb,0 0 150px #9f58bb;box-shadow:0 0 10px #63359c,0 0 20px #63359c,0 0 30px #63359c,0 0 40px #63359c,0 0 70px #9f58bb,0 0 80px #9f58bb,0 0 100px #9f58bb,0 0 150px #9f58bb}to{-webkit-box-shadow:0 0 5px #63359c,0 0 10px #63359c,0 0 15px #63359c,0 0 20px #9f58bb,0 0 35px #9f58bb,0 0 40px #9f58bb,0 0 50px #9f58bb,0 0 75px #9f58bb;box-shadow:0 0 5px #63359c,0 0 10px #63359c,0 0 15px #63359c,0 0 20px #9f58bb,0 0 35px #9f58bb,0 0 40px #9f58bb,0 0 50px #9f58bb,0 0 75px #9f58bb}}@-webkit-keyframes green-glow{0%{-webkit-box-shadow:0 0 10px #309c37,0 0 20px #309c37,0 0 30px #309c37,0 0 40px #309c37,0 0 70px #309c37,0 0 80px #309c37,0 0 100px #309c37,0 0 150px #309c37;box-shadow:0 0 10px #309c37,0 0 20px #309c37,0 0 30px #309c37,0 0 40px #309c37,0 0 70px #309c37,0 0 80px #309c37,0 0 100px #309c37,0 0 150px #309c37}to{-webkit-box-shadow:0 0 5px #309c37,0 0 10px #309c37,0 0 15px #309c37,0 0 20px #309c37,0 0 35px #309c37,0 0 40px #309c37,0 0 50px #309c37,0 0 75px #309c37;box-shadow:0 0 5px #309c37,0 0 10px #309c37,0 0 15px #309c37,0 0 20px #309c37,0 0 35px #309c37,0 0 40px #309c37,0 0 50px #309c37,0 0 75px #309c37}}@-webkit-keyframes pink-glow{0%{-webkit-box-shadow:0 0 10px #c45464,0 0 20px #c45464,0 0 30px #c45464,0 0 40px #c45464,0 0 70px #dba0a6,0 0 80px #dba0a6,0 0 100px #dba0a6,0 0 150px #dba0a6;box-shadow:0 0 10px #c45464,0 0 20px #c45464,0 0 30px #c45464,0 0 40px #c45464,0 0 70px #dba0a6,0 0 80px #dba0a6,0 0 100px #dba0a6,0 0 150px #dba0a6}to{-webkit-box-shadow:0 0 5px #c45464,0 0 10px #c45464,0 0 15px #c45464,0 0 20px #dba0a6,0 0 35px #dba0a6,0 0 40px #dba0a6,0 0 50px #dba0a6,0 0 75px #dba0a6;box-shadow:0 0 5px #c45464,0 0 10px #c45464,0 0 15px #c45464,0 0 20px #dba0a6,0 0 35px #dba0a6,0 0 40px #dba0a6,0 0 50px #dba0a6,0 0 75px #dba0a6}}@-webkit-keyframes blue-glow{0%{-webkit-box-shadow:0 0 10px #1b78bb,0 0 20px #1b78bb,0 0 30px #1b78bb,0 0 40px #1b78bb,0 0 70px #96a7bb,0 0 80px #96a7bb,0 0 100px #96a7bb,0 0 150px #96a7bb;box-shadow:0 0 10px #1b78bb,0 0 20px #1b78bb,0 0 30px #1b78bb,0 0 40px #1b78bb,0 0 70px #96a7bb,0 0 80px #96a7bb,0 0 100px #96a7bb,0 0 150px #96a7bb}to{-webkit-box-shadow:0 0 5px #1b78bb,0 0 10px #1b78bb,0 0 15px #1b78bb,0 0 20px #96a7bb,0 0 35px #96a7bb,0 0 40px #96a7bb,0 0 50px #96a7bb,0 0 75px #96a7bb;box-shadow:0 0 5px #1b78bb,0 0 10px #1b78bb,0 0 15px #1b78bb,0 0 20px #96a7bb,0 0 35px #96a7bb,0 0 40px #96a7bb,0 0 50px #96a7bb,0 0 75px #96a7bb}}@-webkit-keyframes orange-glow{0%{-webkit-box-shadow:0 0 10px #fe7642,0 0 20px #fe7642,0 0 30px #fe7642,0 0 40px #fe7642,0 0 70px #e5c1ae,0 0 80px #e5c1ae,0 0 100px #e5c1ae,0 0 150px #e5c1ae;box-shadow:0 0 10px #fe7642,0 0 20px #fe7642,0 0 30px #fe7642,0 0 40px #fe7642,0 0 70px #e5c1ae,0 0 80px #e5c1ae,0 0 100px #e5c1ae,0 0 150px #e5c1ae}to{-webkit-box-shadow:0 0 5px #fe7642,0 0 10px #fe7642,0 0 15px #fe7642,0 0 20px #e5c1ae,0 0 35px #e5c1ae,0 0 40px #e5c1ae,0 0 50px #e5c1ae,0 0 75px #e5c1ae;box-shadow:0 0 5px #fe7642,0 0 10px #fe7642,0 0 15px #fe7642,0 0 20px #e5c1ae,0 0 35px #e5c1ae,0 0 40px #e5c1ae,0 0 50px #e5c1ae,0 0 75px #e5c1ae}}
/*# sourceMappingURL=main.1f717a28.css.map*/