.titles{padding-top:171px;padding-left:247px}.login-container{min-height:100%;width:100%;overflow:hidden;position:relative;color:#cdcdcd;background-image:linear-gradient(#050607,#192028,#405672)}.login-container .bg{width:856px;height:456px;background:url(../img/bg.a24e43f9.png);position:absolute;bottom:0;left:0}.login-container .logo-title{position:absolute;top:73px;left:73px}.login-container .logo-title .logo{width:300px;height:60px;background:url(../img/logo1.143f3860.png);background-size:100% 100%}.login-container .logo-form{width:20%;background:#2d3b4d;border-radius:10px;position:absolute;top:10%;right:10%;padding:20px;display:flex;flex-direction:column;align-items:center;color:#fff}.login-container .logo-form>div{margin-bottom:20px}.login-container .logo-form .title-container{font-size:30px;font-weight:400}.login-container .logo-form .logo-btn{display:flex;margin-bottom:5px}.login-container .logo-form .register{display:flex;justify-content:space-between}.login-container .logo-form /deep/ .el-button--primary{background:#1ac2ad;border-color:#1ac2ad}.login-container .logo-form /deep/ .el-checkbox,.login-container .logo-form /deep/ .el-link.el-link--default{color:#fff}*,:after,:before{box-sizing:border-box}.text-wrapper{padding:0 1rem;max-width:50rem;width:100%;text-align:center;font-family:Fredoka One,cursive}.text{font-size:8em;text-transform:uppercase;letter-spacing:-14px}.text .letter{position:relative;display:inline-block;transition:all .4s}.text .letter .character{opacity:.65;transition:color .4s;cursor:pointer}.text .letter span{position:absolute;bottom:.8rem;left:.4rem;display:block;width:100%;height:15px}.text .letter span:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;transform:translate(-50%,-50%);border-radius:50%;background:rgba(0,0,0,.25)}.text .letter:hover .character{color:#fff!important}.text.part1 .letter:first-child.poofed{transform-origin:50% 50%;-webkit-animation:poofing1 1.4s ease-in-out infinite alternate;animation:poofing1 1.4s ease-in-out infinite alternate}@-webkit-keyframes poofing1{0%{transform:rotate(0deg) rotateY(0) translateY(0) scale(1)}50%{transform:rotate(0deg) rotateY(1turn) translateY(0) scale(1)}56%{transform:rotate(459deg) rotateY(1turn) translateY(0) scale(1)}to{transform:rotate(459deg) rotateY(1turn) translateY(-700px) scale(.01)}}@keyframes poofing1{0%{transform:rotate(0deg) rotateY(0) translateY(0) scale(1)}50%{transform:rotate(0deg) rotateY(1turn) translateY(0) scale(1)}56%{transform:rotate(459deg) rotateY(1turn) translateY(0) scale(1)}to{transform:rotate(459deg) rotateY(1turn) translateY(-700px) scale(.01)}}.text.part1 .letter:first-child .character{color:#4e2a84;-webkit-animation:wave 1.2s linear infinite;animation:wave 1.2s linear infinite;-webkit-animation-delay:.33333s;animation-delay:.33333s}.text.part1 .letter:first-child span:before{-webkit-animation:shadow 1.2s linear infinite;animation:shadow 1.2s linear infinite;-webkit-animation-delay:.33333s;animation-delay:.33333s}.text.part1 .letter:nth-child(2).poofed{transform-origin:50% 50%;-webkit-animation:poofing2 1.4s ease-in-out infinite alternate;animation:poofing2 1.4s ease-in-out infinite alternate}@-webkit-keyframes poofing2{0%{transform:rotate(0deg) rotateY(0) translateY(0) scale(1)}50%{transform:rotate(0deg) rotateY(1turn) translateY(0) scale(1)}56%{transform:rotate(540deg) rotateY(1turn) translateY(0) scale(1)}to{transform:rotate(540deg) rotateY(1turn) translateY(-700px) scale(.01)}}@keyframes poofing2{0%{transform:rotate(0deg) rotateY(0) translateY(0) scale(1)}50%{transform:rotate(0deg) rotateY(1turn) translateY(0) scale(1)}56%{transform:rotate(540deg) rotateY(1turn) translateY(0) scale(1)}to{transform:rotate(540deg) rotateY(1turn) translateY(-700px) scale(.01)}}.text.part1 .letter:nth-child(2) .character{color:#ff5a5f;-webkit-animation:wave 1.2s linear infinite;animation:wave 1.2s linear infinite;-webkit-animation-delay:.66667s;animation-delay:.66667s}.text.part1 .letter:nth-child(2) span:before{-webkit-animation:shadow 1.2s linear infinite;animation:shadow 1.2s linear infinite;-webkit-animation-delay:.66667s;animation-delay:.66667s}.text.part1 .letter:nth-child(3).poofed{transform-origin:50% 50%;-webkit-animation:poofing3 1.4s ease-in-out infinite alternate;animation:poofing3 1.4s ease-in-out infinite alternate}@-webkit-keyframes poofing3{0%{transform:rotate(0deg) rotateY(0) translateY(0) scale(1)}50%{transform:rotate(0deg) rotateY(1turn) translateY(0) scale(1)}56%{transform:rotate(264deg) rotateY(1turn) translateY(0) scale(1)}to{transform:rotate(264deg) rotateY(1turn) translateY(-700px) scale(.01)}}@keyframes poofing3{0%{transform:rotate(0deg) rotateY(0) translateY(0) scale(1)}50%{transform:rotate(0deg) rotateY(1turn) translateY(0) scale(1)}56%{transform:rotate(264deg) rotateY(1turn) translateY(0) scale(1)}to{transform:rotate(264deg) rotateY(1turn) translateY(-700px) scale(.01)}}.text.part1 .letter:nth-child(3) .character{color:#f99b0c;-webkit-animation:wave 1.2s linear infinite;animation:wave 1.2s linear infinite;-webkit-animation-delay:1s;animation-delay:1s}.text.part1 .letter:nth-child(3) span:before{-webkit-animation:shadow 1.2s linear infinite;animation:shadow 1.2s linear infinite;-webkit-animation-delay:1s;animation-delay:1s}.text.part1 .letter:nth-child(4).poofed{transform-origin:50% 50%;-webkit-animation:poofing4 1.4s ease-in-out infinite alternate;animation:poofing4 1.4s ease-in-out infinite alternate}@-webkit-keyframes poofing4{0%{transform:rotate(0deg) rotateY(0) translateY(0) scale(1)}50%{transform:rotate(0deg) rotateY(1turn) translateY(0) scale(1)}56%{transform:rotate(42deg) rotateY(1turn) translateY(0) scale(1)}to{transform:rotate(42deg) rotateY(1turn) translateY(-700px) scale(.01)}}@keyframes poofing4{0%{transform:rotate(0deg) rotateY(0) translateY(0) scale(1)}50%{transform:rotate(0deg) rotateY(1turn) translateY(0) scale(1)}56%{transform:rotate(42deg) rotateY(1turn) translateY(0) scale(1)}to{transform:rotate(42deg) rotateY(1turn) translateY(-700px) scale(.01)}}.text.part1 .letter:nth-child(4) .character{color:#cee007;-webkit-animation:wave 1.2s linear infinite;animation:wave 1.2s linear infinite;-webkit-animation-delay:1.33333s;animation-delay:1.33333s}.text.part1 .letter:nth-child(4) span:before{-webkit-animation:shadow 1.2s linear infinite;animation:shadow 1.2s linear infinite;-webkit-animation-delay:1.33333s;animation-delay:1.33333s}.text.part1 .letter:nth-child(5).poofed{transform-origin:50% 50%;-webkit-animation:poofing5 1.4s ease-in-out infinite alternate;animation:poofing5 1.4s ease-in-out infinite alternate}@-webkit-keyframes poofing5{0%{transform:rotate(0deg) rotateY(0) translateY(0) scale(1)}50%{transform:rotate(0deg) rotateY(1turn) translateY(0) scale(1)}56%{transform:rotate(384deg) rotateY(1turn) translateY(0) scale(1)}to{transform:rotate(384deg) rotateY(1turn) translateY(-700px) scale(.01)}}@keyframes poofing5{0%{transform:rotate(0deg) rotateY(0) translateY(0) scale(1)}50%{transform:rotate(0deg) rotateY(1turn) translateY(0) scale(1)}56%{transform:rotate(384deg) rotateY(1turn) translateY(0) scale(1)}to{transform:rotate(384deg) rotateY(1turn) translateY(-700px) scale(.01)}}.text.part1 .letter:nth-child(5) .character{color:#00c6b2;-webkit-animation:wave 1.2s linear infinite;animation:wave 1.2s linear infinite;-webkit-animation-delay:1.66667s;animation-delay:1.66667s}.text.part1 .letter:nth-child(5) span:before{-webkit-animation:shadow 1.2s linear infinite;animation:shadow 1.2s linear infinite;-webkit-animation-delay:1.66667s;animation-delay:1.66667s}.text.part1 .letter:nth-child(6).poofed{transform-origin:50% 50%;-webkit-animation:poofing6 1.4s ease-in-out infinite alternate;animation:poofing6 1.4s ease-in-out infinite alternate}@-webkit-keyframes poofing6{0%{transform:rotate(0deg) rotateY(0) translateY(0) scale(1)}50%{transform:rotate(0deg) rotateY(1turn) translateY(0) scale(1)}56%{transform:rotate(156deg) rotateY(1turn) translateY(0) scale(1)}to{transform:rotate(156deg) rotateY(1turn) translateY(-700px) scale(.01)}}@keyframes poofing6{0%{transform:rotate(0deg) rotateY(0) translateY(0) scale(1)}50%{transform:rotate(0deg) rotateY(1turn) translateY(0) scale(1)}56%{transform:rotate(156deg) rotateY(1turn) translateY(0) scale(1)}to{transform:rotate(156deg) rotateY(1turn) translateY(-700px) scale(.01)}}.text.part1 .letter:nth-child(6) .character{color:#4e2a84;-webkit-animation:wave 1.2s linear infinite;animation:wave 1.2s linear infinite;-webkit-animation-delay:2s;animation-delay:2s}.text.part1 .letter:nth-child(6) span:before{-webkit-animation:shadow 1.2s linear infinite;animation:shadow 1.2s linear infinite;-webkit-animation-delay:2s;animation-delay:2s}.text.part2 span:first-child.poofed{-webkit-animation:sec_poofing1 1.4s ease-in-out infinite alternate;animation:sec_poofing1 1.4s ease-in-out infinite alternate}@-webkit-keyframes sec_poofing1{0%{transform:rotate(0deg) rotateY(0) translateY(0) scale(1)}50%{transform:rotate(0deg) rotateY(1turn) translateY(0) scale(1)}56%{transform:rotate(268deg) rotateY(1turn) translateY(0) scale(1)}to{transform:rotate(268deg) rotateY(1turn) translateY(-700px) scale(.01)}}@keyframes sec_poofing1{0%{transform:rotate(0deg) rotateY(0) translateY(0) scale(1)}50%{transform:rotate(0deg) rotateY(1turn) translateY(0) scale(1)}56%{transform:rotate(268deg) rotateY(1turn) translateY(0) scale(1)}to{transform:rotate(268deg) rotateY(1turn) translateY(-700px) scale(.01)}}.text.part2 span:first-child .character{color:#ff5a5f;-webkit-animation:wave 1.2s linear infinite;animation:wave 1.2s linear infinite;-webkit-animation-delay:2.33333s;animation-delay:2.33333s}.text.part2 span:first-child span:before{-webkit-animation:shadow 1.2s linear infinite;animation:shadow 1.2s linear infinite;-webkit-animation-delay:2.33333s;animation-delay:2.33333s}.text.part2 span:nth-child(2).poofed{-webkit-animation:sec_poofing2 1.4s ease-in-out infinite alternate;animation:sec_poofing2 1.4s ease-in-out infinite alternate}@-webkit-keyframes sec_poofing2{0%{transform:rotate(0deg) rotateY(0) translateY(0) scale(1)}50%{transform:rotate(0deg) rotateY(1turn) translateY(0) scale(1)}56%{transform:rotate(135deg) rotateY(1turn) translateY(0) scale(1)}to{transform:rotate(135deg) rotateY(1turn) translateY(-700px) scale(.01)}}@keyframes sec_poofing2{0%{transform:rotate(0deg) rotateY(0) translateY(0) scale(1)}50%{transform:rotate(0deg) rotateY(1turn) translateY(0) scale(1)}56%{transform:rotate(135deg) rotateY(1turn) translateY(0) scale(1)}to{transform:rotate(135deg) rotateY(1turn) translateY(-700px) scale(.01)}}.text.part2 span:nth-child(2) .character{color:#f99b0c;-webkit-animation:wave 1.2s linear infinite;animation:wave 1.2s linear infinite;-webkit-animation-delay:2.66667s;animation-delay:2.66667s}.text.part2 span:nth-child(2) span:before{-webkit-animation:shadow 1.2s linear infinite;animation:shadow 1.2s linear infinite;-webkit-animation-delay:2.66667s;animation-delay:2.66667s}.text.part2 span:nth-child(3).poofed{-webkit-animation:sec_poofing3 1.4s ease-in-out infinite alternate;animation:sec_poofing3 1.4s ease-in-out infinite alternate}@-webkit-keyframes sec_poofing3{0%{transform:rotate(0deg) rotateY(0) translateY(0) scale(1)}50%{transform:rotate(0deg) rotateY(1turn) translateY(0) scale(1)}56%{transform:rotate(442deg) rotateY(1turn) translateY(0) scale(1)}to{transform:rotate(442deg) rotateY(1turn) translateY(-700px) scale(.01)}}@keyframes sec_poofing3{0%{transform:rotate(0deg) rotateY(0) translateY(0) scale(1)}50%{transform:rotate(0deg) rotateY(1turn) translateY(0) scale(1)}56%{transform:rotate(442deg) rotateY(1turn) translateY(0) scale(1)}to{transform:rotate(442deg) rotateY(1turn) translateY(-700px) scale(.01)}}.text.part2 span:nth-child(3) .character{color:#cee007;-webkit-animation:wave 1.2s linear infinite;animation:wave 1.2s linear infinite;-webkit-animation-delay:3s;animation-delay:3s}.text.part2 span:nth-child(3) span:before{-webkit-animation:shadow 1.2s linear infinite;animation:shadow 1.2s linear infinite;-webkit-animation-delay:3s;animation-delay:3s}.text.part2 span:nth-child(4).poofed{-webkit-animation:sec_poofing4 1.4s ease-in-out infinite alternate;animation:sec_poofing4 1.4s ease-in-out infinite alternate}@-webkit-keyframes sec_poofing4{0%{transform:rotate(0deg) rotateY(0) translateY(0) scale(1)}50%{transform:rotate(0deg) rotateY(1turn) translateY(0) scale(1)}56%{transform:rotate(525deg) rotateY(1turn) translateY(0) scale(1)}to{transform:rotate(525deg) rotateY(1turn) translateY(-700px) scale(.01)}}@keyframes sec_poofing4{0%{transform:rotate(0deg) rotateY(0) translateY(0) scale(1)}50%{transform:rotate(0deg) rotateY(1turn) translateY(0) scale(1)}56%{transform:rotate(525deg) rotateY(1turn) translateY(0) scale(1)}to{transform:rotate(525deg) rotateY(1turn) translateY(-700px) scale(.01)}}.text.part2 span:nth-child(4) .character{color:#00c6b2;-webkit-animation:wave 1.2s linear infinite;animation:wave 1.2s linear infinite;-webkit-animation-delay:3.33333s;animation-delay:3.33333s}.text.part2 span:nth-child(4) span:before{-webkit-animation:shadow 1.2s linear infinite;animation:shadow 1.2s linear infinite;-webkit-animation-delay:3.33333s;animation-delay:3.33333s}.text.part2 span:nth-child(5).poofed{-webkit-animation:sec_poofing5 1.4s ease-in-out infinite alternate;animation:sec_poofing5 1.4s ease-in-out infinite alternate}@-webkit-keyframes sec_poofing5{0%{transform:rotate(0deg) rotateY(0) translateY(0) scale(1)}50%{transform:rotate(0deg) rotateY(1turn) translateY(0) scale(1)}56%{transform:rotate(419deg) rotateY(1turn) translateY(0) scale(1)}to{transform:rotate(419deg) rotateY(1turn) translateY(-700px) scale(.01)}}@keyframes sec_poofing5{0%{transform:rotate(0deg) rotateY(0) translateY(0) scale(1)}50%{transform:rotate(0deg) rotateY(1turn) translateY(0) scale(1)}56%{transform:rotate(419deg) rotateY(1turn) translateY(0) scale(1)}to{transform:rotate(419deg) rotateY(1turn) translateY(-700px) scale(.01)}}.text.part2 span:nth-child(5) .character{color:#4e2a84;-webkit-animation:wave 1.2s linear infinite;animation:wave 1.2s linear infinite;-webkit-animation-delay:3.66667s;animation-delay:3.66667s}.text.part2 span:nth-child(5) span:before{-webkit-animation:shadow 1.2s linear infinite;animation:shadow 1.2s linear infinite;-webkit-animation-delay:3.66667s;animation-delay:3.66667s}.text.part2 span:nth-child(6).poofed{-webkit-animation:sec_poofing6 1.4s ease-in-out infinite alternate;animation:sec_poofing6 1.4s ease-in-out infinite alternate}@-webkit-keyframes sec_poofing6{0%{transform:rotate(0deg) rotateY(0) translateY(0) scale(1)}50%{transform:rotate(0deg) rotateY(1turn) translateY(0) scale(1)}56%{transform:rotate(246deg) rotateY(1turn) translateY(0) scale(1)}to{transform:rotate(246deg) rotateY(1turn) translateY(-700px) scale(.01)}}@keyframes sec_poofing6{0%{transform:rotate(0deg) rotateY(0) translateY(0) scale(1)}50%{transform:rotate(0deg) rotateY(1turn) translateY(0) scale(1)}56%{transform:rotate(246deg) rotateY(1turn) translateY(0) scale(1)}to{transform:rotate(246deg) rotateY(1turn) translateY(-700px) scale(.01)}}.text.part2 span:nth-child(6) .character{color:#ff5a5f;-webkit-animation:wave 1.2s linear infinite;animation:wave 1.2s linear infinite;-webkit-animation-delay:4s;animation-delay:4s}.text.part2 span:nth-child(6) span:before{-webkit-animation:shadow 1.2s linear infinite;animation:shadow 1.2s linear infinite;-webkit-animation-delay:4s;animation-delay:4s}.text.part2 span:nth-child(7).poofed{-webkit-animation:sec_poofing7 1.4s ease-in-out infinite alternate;animation:sec_poofing7 1.4s ease-in-out infinite alternate}@-webkit-keyframes sec_poofing7{0%{transform:rotate(0deg) rotateY(0) translateY(0) scale(1)}50%{transform:rotate(0deg) rotateY(1turn) translateY(0) scale(1)}56%{transform:rotate(206deg) rotateY(1turn) translateY(0) scale(1)}to{transform:rotate(206deg) rotateY(1turn) translateY(-700px) scale(.01)}}@keyframes sec_poofing7{0%{transform:rotate(0deg) rotateY(0) translateY(0) scale(1)}50%{transform:rotate(0deg) rotateY(1turn) translateY(0) scale(1)}56%{transform:rotate(206deg) rotateY(1turn) translateY(0) scale(1)}to{transform:rotate(206deg) rotateY(1turn) translateY(-700px) scale(.01)}}.text.part2 span:nth-child(7) .character{color:#f99b0c;-webkit-animation:wave 1.2s linear infinite;animation:wave 1.2s linear infinite;-webkit-animation-delay:4.33333s;animation-delay:4.33333s}.text.part2 span:nth-child(7) span:before{-webkit-animation:shadow 1.2s linear infinite;animation:shadow 1.2s linear infinite;-webkit-animation-delay:4.33333s;animation-delay:4.33333s}.text.part2 span:nth-child(8).poofed{-webkit-animation:sec_poofing8 1.4s ease-in-out infinite alternate;animation:sec_poofing8 1.4s ease-in-out infinite alternate}@-webkit-keyframes sec_poofing8{0%{transform:rotate(0deg) rotateY(0) translateY(0) scale(1)}50%{transform:rotate(0deg) rotateY(1turn) translateY(0) scale(1)}56%{transform:rotate(60deg) rotateY(1turn) translateY(0) scale(1)}to{transform:rotate(60deg) rotateY(1turn) translateY(-700px) scale(.01)}}@keyframes sec_poofing8{0%{transform:rotate(0deg) rotateY(0) translateY(0) scale(1)}50%{transform:rotate(0deg) rotateY(1turn) translateY(0) scale(1)}56%{transform:rotate(60deg) rotateY(1turn) translateY(0) scale(1)}to{transform:rotate(60deg) rotateY(1turn) translateY(-700px) scale(.01)}}.text.part2 span:nth-child(8) .character{color:#cee007;-webkit-animation:wave 1.2s linear infinite;animation:wave 1.2s linear infinite;-webkit-animation-delay:4.66667s;animation-delay:4.66667s}.text.part2 span:nth-child(8) span:before{-webkit-animation:shadow 1.2s linear infinite;animation:shadow 1.2s linear infinite;-webkit-animation-delay:4.66667s;animation-delay:4.66667s}.text.part2 span:nth-child(9).poofed{-webkit-animation:sec_poofing9 1.4s ease-in-out infinite alternate;animation:sec_poofing9 1.4s ease-in-out infinite alternate}@-webkit-keyframes sec_poofing9{0%{transform:rotate(0deg) rotateY(0) translateY(0) scale(1)}50%{transform:rotate(0deg) rotateY(1turn) translateY(0) scale(1)}56%{transform:rotate(496deg) rotateY(1turn) translateY(0) scale(1)}to{transform:rotate(496deg) rotateY(1turn) translateY(-700px) scale(.01)}}@keyframes sec_poofing9{0%{transform:rotate(0deg) rotateY(0) translateY(0) scale(1)}50%{transform:rotate(0deg) rotateY(1turn) translateY(0) scale(1)}56%{transform:rotate(496deg) rotateY(1turn) translateY(0) scale(1)}to{transform:rotate(496deg) rotateY(1turn) translateY(-700px) scale(.01)}}.text.part2 span:nth-child(9) .character{color:#00c6b2;-webkit-animation:wave 1.2s linear infinite;animation:wave 1.2s linear infinite;-webkit-animation-delay:5s;animation-delay:5s}.text.part2 span:nth-child(9) span:before{-webkit-animation:shadow 1.2s linear infinite;animation:shadow 1.2s linear infinite;-webkit-animation-delay:5s;animation-delay:5s}@-webkit-keyframes wave{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes wave{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@-webkit-keyframes shadow{0%{width:0;height:0}50%{width:100%;height:100%}to{width:0;height:0}}@keyframes shadow{0%{width:0;height:0}50%{width:100%;height:100%}to{width:0;height:0}}.how-to{margin:2rem 0 2rem 1rem;letter-spacing:4px;color:hsla(0,0%,100%,.6)}.how-to,.reset{font-family:Opens Sans,sans-serif;font-weight:300;font-size:.85em}.reset{position:absolute;bottom:0;right:0;padding:.5rem;color:hsla(0,0%,100%,.4);cursor:pointer;border:1px solid hsla(0,0%,100%,.3);border-right:none;border-bottom:none;transition:color .4s}.reset svg{display:block;transform:scale(.7);transform-origin:center center}.reset:hover{color:hsla(0,0%,100%,.8)}.reset:hover svg{-webkit-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite}@-webkit-keyframes rotate{0%{transform:rotate(0) scale(.7)}to{transform:rotate(1turn) scale(.7)}}@keyframes rotate{0%{transform:rotate(0) scale(.7)}to{transform:rotate(1turn) scale(.7)}}@media only screen and (max-width:767px){.text{font-size:6em}.text .letter span{bottom:.5rem}}@media only screen and (max-width:480px){.text{font-size:4em}.text .letter span{bottom:0}}