body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.body{background:linear-gradient(#141e30,#243b55);font-family:sans-serif;height:800px}.login_box{background:rgba(0,0,0,.5);border-radius:10px;box-shadow:0 15px 25px rgba(0,0,0,.6);box-sizing:border-box;left:50%;padding:40px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:700px}.App,.login_box{text-align:center}.form-wrapper{display:flex;flex-direction:column;margin:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.useremail-wrapper,.userpassword-wrapper{display:flex;margin:.5rem 0;width:500px}.useremail-wrapper label,.userpassword-wrapper label{font-family:Poppins,sans-serif;font-size:20px;width:200px}.login_box .user_box label{color:#fff;left:0;padding:10px 0;pointer-events:none;position:absolute;top:0;transition:.5s}.user_box.active label{color:#03e9f4;font-size:14px;left:0;top:-20px}button{border:none;margin:auto;width:200px}.login_box h2{color:#fff;margin:0 0 30px;padding:0;text-align:center}.login_box .user_box{position:relative}.login_box .user_box input{background:transparent;border:none;border-bottom:1px solid #fff;color:#fff;font-size:20px;margin-bottom:30px;outline:none;padding:10px 0;width:100%}.login_box .user_box input:focus~.user_box label,.login_box .user_box input:valid~.user_box label{color:#03e9f4;left:0;top:-20px}.login_box form button{background:none;color:#03e9f4;display:inline-block;font-size:16px;letter-spacing:4px;margin-top:40px;overflow:hidden;padding:10px 20px;position:relative;text-decoration:none;text-transform:uppercase;transition:.5s}.login_box button:hover{background:#03e9f4;border-radius:5px;box-shadow:0 0 5px #03e9f4,0 0 25px #03e9f4,0 0 50px #03e9f4,0 0 100px #03e9f4;color:#fff}.login_box button span{display:block;position:absolute}.login_box button span:first-child{-webkit-animation:btn-anim1 1s linear infinite;animation:btn-anim1 1s linear infinite;background:linear-gradient(90deg,transparent,#03e9f4);height:2px;left:-100%;top:0;width:100%}@-webkit-keyframes btn-anim1{0%{left:-100%}50%,to{left:100%}}@keyframes btn-anim1{0%{left:-100%}50%,to{left:100%}}.login_box button span:nth-child(2){-webkit-animation:btn-anim2 1s linear infinite;animation:btn-anim2 1s linear infinite;-webkit-animation-delay:.25s;animation-delay:.25s;background:linear-gradient(180deg,transparent,#03e9f4);height:100%;right:0;top:-100%;width:2px}@-webkit-keyframes btn-anim2{0%{top:-100%}50%,to{top:100%}}@keyframes btn-anim2{0%{top:-100%}50%,to{top:100%}}.login_box button span:nth-child(3){-webkit-animation:btn-anim3 1s linear infinite;animation:btn-anim3 1s linear infinite;-webkit-animation-delay:.5s;animation-delay:.5s;background:linear-gradient(270deg,transparent,#03e9f4);bottom:0;height:2px;right:-100%;width:100%}@-webkit-keyframes btn-anim3{0%{right:-100%}50%,to{right:100%}}@keyframes btn-anim3{0%{right:-100%}50%,to{right:100%}}.login_box button span:nth-child(4){-webkit-animation:btn-anim4 1s linear infinite;animation:btn-anim4 1s linear infinite;-webkit-animation-delay:.75s;animation-delay:.75s;background:linear-gradient(1turn,transparent,#03e9f4);bottom:-100%;height:100%;left:0;width:2px}@-webkit-keyframes btn-anim4{0%{bottom:-100%}50%,to{bottom:100%}}@keyframes btn-anim4{0%{bottom:-100%}50%,to{bottom:100%}}
/*# sourceMappingURL=main.69657218.css.map*/