*{padding:0;margin:0;box-sizing:border-box}.full-body{display:flex;flex-direction:column;width:100%;height:100vh;position:relative;align-items:center;justify-content:center;background-image:linear-gradient(143deg, rgba(85, 9, 165, 0.2) 0%, rgba(85, 9, 165, 0.2) 16.667%, rgba(62, 50, 198, 0.2) 16.667%, rgba(62, 50, 198, 0.2) 33.334%, rgba(39, 91, 231, 0.2) 33.334%, rgba(39, 91, 231, 0.2) 50.001%, rgba(50, 70, 214, 0.2) 50.001%, rgba(50, 70, 214, 0.2) 66.668%, rgba(73, 29, 181, 0.2) 66.668%, rgba(73, 29, 181, 0.2) 83.335%, rgba(27, 111, 247, 0.2) 83.335%, rgba(27, 111, 247, 0.2) 100.002%),linear-gradient(22.5deg, rgba(85, 9, 165, 0.2) 0%, rgba(85, 9, 165, 0.2) 16.667%, rgba(62, 50, 198, 0.2) 16.667%, rgba(62, 50, 198, 0.2) 33.334%, rgba(39, 91, 231, 0.2) 33.334%, rgba(39, 91, 231, 0.2) 50.001%, rgba(50, 70, 214, 0.2) 50.001%, rgba(50, 70, 214, 0.2) 66.668%, rgba(73, 29, 181, 0.2) 66.668%, rgba(73, 29, 181, 0.2) 83.335%, rgba(27, 111, 247, 0.2) 83.335%, rgba(27, 111, 247, 0.2) 100.002%),linear-gradient(157.5deg, rgba(85, 9, 165, 0.2) 0%, rgba(85, 9, 165, 0.2) 16.667%, rgba(62, 50, 198, 0.2) 16.667%, rgba(62, 50, 198, 0.2) 33.334%, rgba(39, 91, 231, 0.2) 33.334%, rgba(39, 91, 231, 0.2) 50.001%, rgba(50, 70, 214, 0.2) 50.001%, rgba(50, 70, 214, 0.2) 66.668%, rgba(73, 29, 181, 0.2) 66.668%, rgba(73, 29, 181, 0.2) 83.335%, rgba(27, 111, 247, 0.2) 83.335%, rgba(27, 111, 247, 0.2) 100.002%),linear-gradient(233deg, #3e3e3e, #656565);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.full-body .overlay{display:block;visibility:hidden;opacity:0;width:100%;position:fixed;top:-2000px;z-index:3;transition:all .2s ease-in}.full-body .overlay.active{transition:all .2s ease-in;visibility:visible;opacity:1}.full-body .overlay .result-overlay{display:none;width:700px;height:700px;z-index:3;background-position:center;background-repeat:no-repeat;background-size:cover;margin:auto}.full-body .overlay .result-overlay.active{display:block}.full-body .overlay .result-overlay .reply-btn{padding:45px;font-size:25px;background-color:#7f41bd;color:#f7f7f7;border-radius:50%;display:block;width:150px;text-align:center;transition:500ms;cursor:pointer;margin:170px auto 0 auto}.full-body .overlay .result-overlay .reply-btn:hover{background-color:#fff;transition:500ms;color:#7f41bd}@media only screen and (max-width: 820px){.full-body .overlay .result-overlay{width:600px;height:600px}}@media only screen and (max-width: 580px){.full-body .overlay .result-overlay{width:500px;height:500px}}@media only screen and (max-width: 440px){.full-body .overlay .result-overlay{width:400px;height:400px}}@media only screen and (max-width: 360px){.full-body .overlay .result-overlay{width:350px;height:350px}}.full-body .overlay .result-overlay .result-msg{padding:325px 0 0 0;font-size:62px;font-weight:bold;text-align:center;color:#7f41bd}@media only screen and (max-width: 820px){.full-body .overlay .result-overlay .result-msg{padding:265px 0 0 0}}@media only screen and (max-width: 580px){.full-body .overlay .result-overlay .result-msg{padding:220px 0 0 0}}@media only screen and (max-width: 440px){.full-body .overlay .result-overlay .result-msg{padding:170px 0 0 0}}@media only screen and (max-width: 360px){.full-body .overlay .result-overlay .result-msg{padding:150px 0 0 0;font-size:45px}}.full-body .head{display:block;font-size:50px;font-weight:bold;padding:20px;background:linear-gradient(to top, #414345, #232526);border-radius:200px;border-top-left-radius:5px;border-bottom-right-radius:5px;margin-bottom:25px;color:#f2f2f2}@media only screen and (max-width: 360px){.full-body .head{font-size:35px}}.full-body .main-box{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;padding:15px;background:#232526;background:-webkit-linear-gradient(to top, #414345, #232526);background:linear-gradient(to top, #414345, #232526);position:relative}.full-body .main-box .overlay-2{position:absolute;width:100%;top:0;height:100%;left:0;background-position:center;background-repeat:no-repeat;background-size:cover;z-index:1;opacity:.5}.full-body .main-box .box{position:relative;z-index:2;display:table;width:180px;height:180px;border:5px solid #fff;cursor:pointer}.full-body .main-box .box .element{font-size:130px;text-align:center;padding-top:15px;color:#fff;text-shadow:2px 2px 2px #000}@media only screen and (max-width: 820px){.full-body .main-box .box .element{font-size:70px;padding-top:34px}}@media only screen and (max-width: 580px){.full-body .main-box .box .element{font-size:60px;padding-top:25px}}@media only screen and (max-width: 440px){.full-body .main-box .box .element{padding-top:15px}}@media only screen and (max-width: 360px){.full-body .main-box .box .element{font-size:50px;padding-top:17px}}@media only screen and (max-width: 820px){.full-body .main-box .box{width:150px;height:150px;border:3px solid #fff}}@media only screen and (max-width: 580px){.full-body .main-box .box{width:120px;height:120px;border:2px solid #fff}}@media only screen and (max-width: 440px){.full-body .main-box .box{width:100px;height:100px}}@media only screen and (max-width: 360px){.full-body .main-box .box{width:85px;height:85px}}.full-body .main-box .box:nth-child(1){border-left:none;border-top:none}.full-body .main-box .box:nth-child(2){border-top:none}.full-body .main-box .box:nth-child(3){border-right:none;border-top:none}.full-body .main-box .box:nth-child(4){border-left:none}.full-body .main-box .box:nth-child(6){border-right:none}.full-body .main-box .box:nth-child(7){border-left:none;border-bottom:none}.full-body .main-box .box:nth-child(8){border-bottom:none}.full-body .main-box .box:nth-child(9){border-right:none;border-bottom:none}/*# sourceMappingURL=style.min.css.map */