body{margin:0;padding:0;font-family:sans-serif}@-webkit-keyframes showUp{0%{opacity:0}to{opacity:1;-webkit-transform:scale(.9) rotate(5deg);transform:scale(.9) rotate(5deg)}}@keyframes showUp{0%{opacity:0}to{opacity:1;-webkit-transform:scale(.9) rotate(5deg);transform:scale(.9) rotate(5deg)}}.ball{-ms-flex-align:center;align-items:center;background:#000;border-radius:50%;-webkit-box-shadow:15px 20px 60px hsla(0,0%,100%,.1);box-shadow:15px 20px 60px hsla(0,0%,100%,.1);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;height:300px;position:relative;width:300px;-ms-flex-direction:column;flex-direction:column}.surfice{background:-webkit-radial-gradient(center,ellipse cover,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,0) 100%);background:-webkit-radial-gradient(center,ellipse,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,0) 100%);background:-o-radial-gradient(center,ellipse,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,0) 100%);background:radial-gradient(ellipse at center,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,0) 100%);border-radius:50%;position:absolute;top:5px;right:30px;width:20%;-webkit-transform:rotate(-43deg);-ms-transform:rotate(-43deg);transform:rotate(-43deg)}.ball__tag,.surfice{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#00ffffff",GradientType=1);height:40%}.ball__tag{background:#214;background:-webkit-radial-gradient(center,ellipse cover,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,0) 100%);background:-webkit-radial-gradient(center,ellipse,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,0) 100%);background:-o-radial-gradient(center,ellipse,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,0) 100%);background:radial-gradient(ellipse at center,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,0) 100%);border:5px solid #666;border-radius:50%;width:40%;overflow:hidden}.ball__number,.ball__tag{-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.ball__number{background:#fff;border-radius:50%;color:#000;font-size:5rem;font-weight:800;height:100%;width:100%}.ball__answer,.ball__number{font-family:Nanum Gothic Coding,monospace}.ball__answer{-ms-flex-align:center;align-items:center;background:#1d37ac;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);color:#fff;display:-ms-flexbox;display:flex;font-size:.9rem;height:90%;-ms-flex-pack:center;justify-content:center;padding:15px;position:relative;text-align:center;text-transform:uppercase;-webkit-transform:scale(.9) rotate(5deg);-ms-transform:scale(.9) rotate(5deg);transform:scale(.9) rotate(5deg);width:90%}.ball__answer--animate{-webkit-animation:showUp 1s ease-out forwards;animation:showUp 1s ease-out forwards;-webkit-transform:scale(.7) rotate(-56deg);-ms-transform:scale(.7) rotate(-56deg);transform:scale(.7) rotate(-56deg)}.reset-btn{background:#5cb85c;border:none;-webkit-box-shadow:1px 1px 5px #b6b6b6;box-shadow:1px 1px 5px #b6b6b6;color:#fff;cursor:pointer;display:block;font-size:1.2rem;height:50px;margin:30px auto 0;max-width:220px;padding:10px 25px;text-shadow:1px 1px 1px #3a992a;width:100%}.reset-btn,.reset-btn:hover{-webkit-transition:.7s;-o-transition:.7s;transition:.7s}.reset-btn:hover{background:#7edd7d}.magic-ball{-ms-flex-align:center;align-items:center;background:#6c5ce7;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;height:100vh}.select-language{-ms-flex-align:center;align-items:center;background:#6c5ce7;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;height:100vh;text-align:center;width:100%}.select-language__wrapper{width:300px}.select-language .h2{font-size:1.6rem;margin-bottom:10px}.select-language .h3{font-size:1.4rem;margin:0}.select-language__btn{background:#f90;border:none;-webkit-box-shadow:1px 1px 5px #b6b6b6;box-shadow:1px 1px 5px #b6b6b6;color:#fff;cursor:pointer;display:inline-block;font-size:1.2rem;height:80px;margin:20px 5px 0;max-width:220px;padding:10px 25px;text-shadow:1px 1px 1px #f90;width:45%}.select-language__btn,.select-language__btn:hover{-webkit-transition:.7s;-o-transition:.7s;transition:.7s}.select-language__btn:hover{background:#fa1}.about{background:inherit;height:700px;padding-top:100px}.about__wrapper{background:#fff;border:12px solid #f90;margin:0 auto;max-width:870px;padding:45px 40px}.about h2{font-size:1.9rem}.about a{color:#28c;display:block;margin-top:15px;text-decoration:none}.about a:hover{color:#39e}.about p{font-size:1.1rem;margin-bottom:25px;margin-top:15px}.header{position:absolute;width:100%}.header__wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;margin:0 auto;max-width:960px;-ms-flex-pack:justify;justify-content:space-between}.header__title{color:#fff;font-size:1.7rem;font-weight:700}.header__link{color:#fff;text-decoration:none;margin:0 15px}.header__active{color:#000}body,html{background:#6c5ce7;position:relative}::-moz-selection{background:#000;color:#fff}::selection{background:#000;color:#fff}.global-wrapper{position:relative}
/*# sourceMappingURL=main.68caf845.css.map*/