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}.navbar{border-bottom:2px solid #000;color:#fff;color:#000;justify-content:space-between;padding:10px 20px;text-align:center}.navbar,.navbar .logo-container{align-items:center;display:flex}.navbar .logo-container .one{height:45px;width:63%}.navbar .logo{cursor:pointer;height:40px;margin-left:10px;width:48%}.navbar .user-info{align-items:center;display:flex}.navbar .username{margin-right:10px;text-decoration:underline}.navbar .logout-icon{color:red;cursor:pointer;height:30px;width:30px}.leftbar{height:90vh;width:253px}.leftbar .container{border-right:2px solid #000;box-shadow:20px 10px 10px hsla(0,0%,4%,.1);height:100%;width:100%}.leftbar .container .links{height:50%;list-style-type:none;margin:0;padding:0}.leftbar .container .links li{height:22%}.leftbar .container .links li a{align-items:center;color:#000;display:flex;font-size:23px;height:100%;justify-content:center;text-align:center;text-decoration:none;transition:background-color .1s}.leftbar .container .links li a:hover{background-color:gray}.about .card-row{display:grid;grid-template-columns:repeat(3,1fr);justify-content:center}.about .card-row .card{background-color:#fff;border-radius:10px;box-shadow:20px 10px 15px rgba(29,26,26,.1);display:flex;margin:10px;padding:20px}.about .card-row .card .left_side{align-items:center;display:flex;flex-direction:column}.about .card-row .card .left_side .profile-pic{background-position:50%;background-repeat:no-repeat;border-radius:10px;box-shadow:5px 6px 8px rgba(29,26,26,.7);height:200px;object-fit:cover;width:200px}.about .card-row .card:hover{box-shadow:1px 30px 50px #1d1a1a;-webkit-transform:translateY(-1px) scale(1.05);transform:translateY(-1px) scale(1.05);transition:box-shadow .3s ease-in-out,-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out,box-shadow .3s ease-in-out;transition:transform .6s ease-in-out,box-shadow .3s ease-in-out,-webkit-transform .6s ease-in-out}.about .card-row .card .card-content{align-items:center;display:flex;flex-direction:column;height:100%;margin-left:20px;margin-top:15px;text-align:center;width:100%}.about .card-row .card .card-content .card-details{display:flex;flex-direction:column;flex-grow:1}.about .card-row .card .card-content .card-details p{border:.01px solid #000;border-radius:10px;box-shadow:20px 10px 15px rgba(29,26,26,.1);font-family:Georgia,Times New Roman,Times,serif;font-size:19px;height:100%;margin-top:-15px;text-align:start}.about .card-row .card .card-content button{background:linear-gradient(90deg,#03a9f4,#f441a5,#ffeb3b,#03a9f4);background-size:300%;border:none;border-radius:30px;color:#fff;font-family:inherit;font-size:15px;height:2.1em;line-height:2em;margin-bottom:5px;margin-top:-10px;position:relative;text-align:center;text-decoration:none;width:8em;z-index:1}.about .card-row .card .card-content button a{color:#fff;text-decoration:none}.about .card-row .card .card-content button:hover{-webkit-animation:ani 8s linear infinite;animation:ani 8s linear infinite;border:none;cursor:pointer}@-webkit-keyframes ani{0%{background-position:0}to{background-position:400%}}@keyframes ani{0%{background-position:0}to{background-position:400%}}.about .card-row .card .card-content button:before{background:linear-gradient(90deg,#03a9f4,#f441a5,#ffeb3b,#03a9f4);background-size:400%;border-radius:35px;bottom:-5px;content:"";left:-5px;position:absolute;right:-5px;top:-5px;transition:1s;z-index:-1}.about .card-row .card .card-content button:hover:before{-webkit-filter:blur(20px);filter:blur(20px)}.about .card-row .card .card-content button:active{background:linear-gradient(32deg,#03a9f4,#f441a5,#ffeb3b,#03a9f4)}.register{align-items:center;background:linear-gradient(180deg,#2b2b2b,#737272,#fff);display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative}.register .bubble{-webkit-animation:bubble 4s ease-in-out infinite;animation:bubble 4s ease-in-out infinite;background:radial-gradient(circle,#f7f7f7,#a6a6a6);border-radius:50%;bottom:0;height:100px;opacity:.8;pointer-events:auto;position:absolute;width:100px}.register .bubble:first-child{-webkit-animation-delay:2s;animation-delay:2s;left:10%;top:100%}.register .bubble:nth-child(2){-webkit-animation-delay:2s;animation-delay:2s;left:30%;top:80%}.register .bubble:nth-child(3){-webkit-animation-delay:2s;animation-delay:2s;left:50%;top:90%}.register .bubble:nth-child(4){-webkit-animation-delay:3s;animation-delay:3s;left:70%;top:100%}.register .bubble:nth-child(5){-webkit-animation-delay:1s;animation-delay:1s;left:90%;top:55%}.register .card{background:linear-gradient(180deg,#676666,#9e9c9c,#fff);border:.1px solid #fff;border-radius:80px;display:flex;min-height:800px;width:70%}.register .card .left{background-image:url(/static/media/product.9e580c5e09af1b14325f.png);background-position:center bottom -7rem;background-repeat:no-repeat;background-size:cover;border-bottom-right-radius:80px;border-top-right-radius:80px;color:#fff;order:1;padding:50px;width:40%}.register .card .left,.register .card .left .content{align-items:center;display:flex;flex-direction:column}.register .card .left .content{background-image:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.2));border-radius:10px;justify-content:space-between;min-height:700px;width:85%}.register .card .left .content h1{-webkit-column-rule:#fff;column-rule:#fff;font-size:50px}.register .card .left .content .button{display:flex;justify-content:space-around;left:20px;top:20px}.register .card .left .content .button h3{align-items:center;color:#00ff59;font-size:20px;font-weight:700;justify-content:center;text-align:center}.register .card .left .content .button button{align-items:center;background-color:#0084ff;border:0;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:40px;justify-content:center;letter-spacing:1px;margin:20px 20px 20px 3rem;overflow:hidden;position:relative;text-transform:uppercase;transition:all .3s ease;width:200px}.register .card .left .content .button button:after,.register .card .left .content .button button:before{background-color:#0084ff;content:"";height:2px;position:absolute;transition:all .3s cubic-bezier(.35,.1,.25,1);width:0}.register .card .left .content .button button:before{right:0;top:0;transition:all .5s cubic-bezier(.35,.1,.25,1)}.register .card .left .content .button button:after{bottom:0;left:0}.register .card .left .content .button button span{height:100%;left:0;margin:0;padding:0;position:absolute;top:0;width:100%;z-index:1}.register .card .left .content .button button span:after,.register .card .left .content .button button span:before{background-color:#44d8a4;content:"";height:0;position:absolute;transition:all .3s cubic-bezier(.35,.1,.25,1);width:2px}.register .card .left .content .button button span:before{right:0;top:0;transition:all .5s cubic-bezier(.35,.1,.25,1)}.register .card .left .content .button button span:after{bottom:0;left:0}.register .card .left .content .button button p{height:100%;margin:0;padding:0;position:absolute;transition:all .4s cubic-bezier(.35,.1,.25,1);width:100%}.register .card .left .content .button button p:after,.register .card .left .content .button button p:before{left:0;position:absolute;transition:all .4s cubic-bezier(.35,.1,.25,1);width:100%;z-index:1}.register .card .left .content .button button p:before{content:attr(data-title);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.register .card .left .content .button button p:after{color:#fff;content:attr(data-text);top:150%}.register .card .left .content .button button:hover:after,.register .card .left .content .button button:hover:before{width:100%}.register .card .left .content .button button:hover span{z-index:1}.register .card .left .content .button button:hover span:after,.register .card .left .content .button button:hover span:before{height:100%}.register .card .left .content .button button:hover p:before{top:-50%;-webkit-transform:rotate(5deg);transform:rotate(5deg)}.register .card .left .content .button button:hover p:after{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.register .card .left .content .button button.start{background-color:#44d8a4;box-shadow:0 5px 10px -10px rgba(0,0,0,.2);transition:all .2s ease}.register .card .left .content .button button.start p:before{top:-50%;-webkit-transform:rotate(5deg);transform:rotate(5deg)}.register .card .left .content .button button.start p:after{-webkit-animation:start .3s ease;animation:start .3s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;color:#fff;content:attr(data-start);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all 0s ease}.register .card .left .content .button button.start:hover span,.register .card .left .content .button button.start:hover:after,.register .card .left .content .button button:hover span,.register .card .left .content .button button:hover:before{display:none}.register .card .left .content .button button:active{border:none;outline:none}.register .card .left .content .button button:focus{outline:0}.register .card .right{background-color:rgba(0,0,0,.35);border-bottom-left-radius:80px;border-top-left-radius:80px;display:flex;flex:1 1}.register .card .right .contentTwo{display:flex;flex-direction:column;height:87%;justify-content:center;margin:12% auto 0;position:relative}.register .card .right .contentTwo .gearbox{height:200px;overflow:hidden;position:relative;width:270px}.register .card .right .contentTwo .gearbox .overlay{background:transparent;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.register .card .right .contentTwo .gearbox .gear{border-radius:30px;box-shadow:0 -1px 0 0 #888,0 1px 0 0 #000;height:60px;position:absolute;width:60px}.register .card .right .contentTwo .gearbox .gear:after{background:#111;border-radius:36px;box-shadow:0 0 10px hsla(0,0%,100%,.1),inset 0 0 10px rgba(0,0,0,.1),inset 0 2px 0 0 #090909,inset 0 -1px 0 0 #888;content:"";height:36px;left:50%;margin-left:-18px;margin-top:-18px;position:absolute;top:50%;width:36px;z-index:3}.register .card .right .contentTwo .gearbox .gear.large{border-radius:60px;height:120px;width:120px}.register .card .right .contentTwo .gearbox .gear.large:after{border-radius:48px;height:96px;margin-left:-48px;margin-top:-48px;width:96px}.register .card .right .contentTwo .gearbox .gear.one{left:10px;top:12px}.register .card .right .contentTwo .gearbox .gear.one .gear-inner{-webkit-animation:counter-clockwise 3s linear infinite;animation:counter-clockwise 3s linear infinite}.register .card .right .contentTwo .gearbox .gear.two{left:60px;top:61px}.register .card .right .contentTwo .gearbox .gear.two .gear-inner{-webkit-animation:clockwise 3s linear infinite;animation:clockwise 3s linear infinite}.register .card .right .contentTwo .gearbox .gear.three{left:10px;top:110px}.register .card .right .contentTwo .gearbox .gear.three .gear-inner{-webkit-animation:counter-clockwise 3s linear infinite;animation:counter-clockwise 3s linear infinite}.register .card .right .contentTwo .gearbox .gear.four{left:128px;top:13px}.register .card .right .contentTwo .gearbox .gear.four .gear-inner{-webkit-animation:counter-clockwise 6s linear infinite;animation:counter-clockwise 6s linear infinite}.register .card .right .contentTwo .gearbox .gear-inner{background:#555;border:1px solid hsla(0,0%,100%,.1);border-radius:30px;height:100%;position:relative;width:100%}.register .card .right .contentTwo .gearbox .gear-inner .bar{background:#555;border-left:1px solid hsla(0,0%,100%,.1);border-radius:2px;border-right:1px solid hsla(0,0%,100%,.1);height:16px;left:50%;margin-left:-38px;margin-top:-8px;position:absolute;top:50%;width:76px}.register .card .right .contentTwo .gearbox .gear-inner .bar:nth-child(2){-webkit-transform:rotate(60deg);transform:rotate(60deg)}.register .card .right .contentTwo .gearbox .gear-inner .bar:nth-child(3){-webkit-transform:rotate(120deg);transform:rotate(120deg)}.register .card .right .contentTwo .gearbox .gear-inner .bar:nth-child(4){-webkit-transform:rotate(90deg);transform:rotate(90deg)}.register .card .right .contentTwo .gearbox .gear-inner .bar:nth-child(5){-webkit-transform:rotate(30deg);transform:rotate(30deg)}.register .card .right .contentTwo .gearbox .gear-inner .bar:nth-child(6){-webkit-transform:rotate(150deg);transform:rotate(150deg)}.register .card .right .contentTwo .gearbox .large .gear-inner{border-radius:60px}.register .card .right .contentTwo .gearbox .large .gear-inner .bar{margin-left:-68px;width:136px}@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes clockwise{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes counter-clockwise{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes counter-clockwise{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}.register .card .right .contentTwo .login-box{background-color:inherit;border-radius:10px;box-shadow:0 15px 25px rgba(0,0,0,.6);box-sizing:border-box;height:85%;left:50%;padding:30px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:400px}.register .card .right .contentTwo .login-box .rules{display:flex;width:100%}.register .card .right .contentTwo .login-box .rules h3{color:#fff;left:0;position:absolute;top:-8rem;width:100%}.register .card .right .contentTwo .login-box h1{color:#fff;font-size:50px;margin-top:0;text-align:center}.register .card .right .contentTwo .login-box .user-box{margin:50px 0;position:relative}.register .card .right .contentTwo .login-box .user-box input{background:transparent;border:none;border-bottom:1px solid #fff;color:#000;font-size:20px;margin-bottom:30px;outline:none;padding:10px 0;width:100%}.register .card .right .contentTwo .login-box .user-box input :valid~label,.register .card .right .contentTwo .login-box .user-box input:focus~label{color:#000;font-size:14px;top:-40px}.register .card .right .contentTwo .login-box .user-box label{color:#fff;font-size:22px;left:0;padding:10px 0;pointer-events:none;position:absolute;top:-35px;transition:.5s}.register .card .right .contentTwo .login-box button{background-color:inherit;border:none;border-radius:10px;color:#fff;display:inline-block;font-size:16px;letter-spacing:4px;overflow:hidden;padding:8px 30px;position:relative;text-decoration:none;text-transform:uppercase;transition:.5s}.register .card .right .contentTwo .login-box button:hover{background-color:#0084ff;border-radius:5px;box-shadow:0 0 4px #00d0ff,0 0 10px #00d0ff,0 0 50px #00d0ff,0 0 100px #00d0ff;color:#fff;cursor:pointer}.register .card .right .contentTwo .login-box button span{display:block;position:absolute}.register .card .right .contentTwo .login-box span:first-child{-webkit-animation:btn-anim1 2s linear infinite;animation:btn-anim1 2s linear infinite;background:linear-gradient(90deg,transparent,#03f40f);bottom:2px;height:2px;left:-100%;width:100%}.login{align-items:center;background:linear-gradient(180deg,#2b2b2b,#737272,#fff);display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative}.login .bubble{-webkit-animation:bubble 4s ease-in-out infinite;animation:bubble 4s ease-in-out infinite;background:radial-gradient(circle,#f7f7f7,#a6a6a6);border-radius:50%;bottom:0;height:100px;opacity:.8;pointer-events:auto;position:absolute;width:100px}.login .bubble:first-child{-webkit-animation-delay:2s;animation-delay:2s;left:10%;top:100%}.login .bubble:nth-child(2){-webkit-animation-delay:2s;animation-delay:2s;left:30%;top:80%}.login .bubble:nth-child(3){-webkit-animation-delay:2s;animation-delay:2s;left:50%;top:90%}.login .bubble:nth-child(4){-webkit-animation-delay:3s;animation-delay:3s;left:70%;top:100%}.login .bubble:nth-child(5){-webkit-animation-delay:1s;animation-delay:1s;left:90%;top:55%}.login .card{background:linear-gradient(180deg,#676666,#999898,#fff);border:.1px solid #fff;border-radius:80px;display:flex;width:70%}.login .card .left{background-image:url(https://www.robotis.com/data/editor/2101/4d0c77837b56df271482318b631c6bb5_1610945033_14.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-bottom-left-radius:80px;border-top-left-radius:80px;color:#fff;padding:30px;width:54%}.login .card .left,.login .card .left .content{align-items:center;display:flex;flex-direction:column}.login .card .left .content{background-image:linear-gradient(0deg,rgba(0,0,0,.286),hsla(0,1%,50%,0),transparent);border-radius:10px;justify-content:center;width:85%}.login .card .left .content h2{color:#00ff2a;font-size:20px;font-weight:700;margin-top:100%}.login .card .left .content h2 span{color:#fff}.login .card .left .content .button{display:flex;justify-content:space-around;left:20px;top:20px}.login .card .left .content .button button{align-items:center;background-color:#0084ff;border:0;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:40px;justify-content:center;letter-spacing:1px;margin:20px;overflow:hidden;position:relative;text-transform:uppercase;transition:all .3s ease;width:200px}.login .card .left .content .button button:after,.login .card .left .content .button button:before{background-color:#0084ff;content:"";height:2px;position:absolute;transition:all .3s cubic-bezier(.35,.1,.25,1);width:0}.login .card .left .content .button button:before{right:0;top:0;transition:all .5s cubic-bezier(.35,.1,.25,1)}.login .card .left .content .button button:after{bottom:0;left:0}.login .card .left .content .button button span{height:100%;left:0;margin:0;padding:0;position:absolute;top:0;width:100%;z-index:1}.login .card .left .content .button button span:after,.login .card .left .content .button button span:before{background-color:#44d8a4;content:"";height:0;position:absolute;transition:all .3s cubic-bezier(.35,.1,.25,1);width:2px}.login .card .left .content .button button span:before{right:0;top:0;transition:all .5s cubic-bezier(.35,.1,.25,1)}.login .card .left .content .button button span:after{bottom:0;left:0}.login .card .left .content .button button p{height:100%;margin:0;padding:0;position:absolute;transition:all .4s cubic-bezier(.35,.1,.25,1);width:100%}.login .card .left .content .button button p:after,.login .card .left .content .button button p:before{left:0;position:absolute;transition:all .4s cubic-bezier(.35,.1,.25,1);width:100%;z-index:1}.login .card .left .content .button button p:before{content:attr(data-title);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.login .card .left .content .button button p:after{color:#fff;content:attr(data-text);top:150%}.login .card .left .content .button button:hover:after,.login .card .left .content .button button:hover:before{width:100%}.login .card .left .content .button button:hover span{z-index:1}.login .card .left .content .button button:hover span:after,.login .card .left .content .button button:hover span:before{height:100%}.login .card .left .content .button button:hover p:before{top:-50%;-webkit-transform:rotate(5deg);transform:rotate(5deg)}.login .card .left .content .button button:hover p:after{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.login .card .left .content .button button.start{background-color:#44d8a4;box-shadow:0 5px 10px -10px rgba(0,0,0,.2);transition:all .2s ease}.login .card .left .content .button button.start p:before{top:-50%;-webkit-transform:rotate(5deg);transform:rotate(5deg)}.login .card .left .content .button button.start p:after{-webkit-animation:start .3s ease;animation:start .3s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;color:#fff;content:attr(data-start);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all 0s ease}.login .card .left .content .button button.start:hover span,.login .card .left .content .button button.start:hover:after,.login .card .left .content .button button:hover span,.login .card .left .content .button button:hover:before{display:none}.login .card .left .content .button button:active{border:none;outline:none}.login .card .left .content .button button:focus{outline:0}@-webkit-keyframes start{0%{top:-50%}}@keyframes start{0%{top:-50%}}.login .card .right{background-color:rgba(0,0,0,.35);border-bottom-right-radius:80px;border-top-right-radius:80px;display:flex;flex:1 1}.login .card .right .contentTwo{display:flex;flex-direction:column;height:87%;justify-content:center;margin:12% auto 0;position:relative}.login .card .right .contentTwo .wrapper{height:60px;position:relative;width:200px;z-index:1}.login .card .right .contentTwo .wrapper .circle{-webkit-animation:circle7124 .5s ease infinite alternate;animation:circle7124 .5s ease infinite alternate;background-color:#fff;border-radius:50%;height:20px;left:15%;position:absolute;-webkit-transform-origin:50%;transform-origin:50%;width:20px}.login .card .right .contentTwo .wrapper .circle:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s;left:45%}.login .card .right .contentTwo .wrapper .circle:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s;left:auto;right:15%}.login .card .right .contentTwo .wrapper .shadow{-webkit-animation:shadow046 .5s ease infinite alternate;animation:shadow046 .5s ease infinite alternate;background-color:rgba(0,0,0,.9);border-radius:50%;-webkit-filter:blur(1px);filter:blur(1px);height:4px;left:15%;position:absolute;top:62px;-webkit-transform-origin:50%;transform-origin:50%;width:20px;z-index:-1}.login .card .right .contentTwo .wrapper .shadow:nth-child(4){-webkit-animation-delay:.2s;animation-delay:.2s;left:45%}.login .card .right .contentTwo .wrapper .shadow:nth-child(5){-webkit-animation-delay:.3s;animation-delay:.3s;left:auto;right:15%}@-webkit-keyframes circle7124{0%{border-radius:50px 50px 25px 25px;height:5px;top:60px;-webkit-transform:scaleX(1.7);transform:scaleX(1.7)}40%{border-radius:50%;height:20px;-webkit-transform:scaleX(1);transform:scaleX(1)}to{top:0}}@keyframes circle7124{0%{border-radius:50px 50px 25px 25px;height:5px;top:60px;-webkit-transform:scaleX(1.7);transform:scaleX(1.7)}40%{border-radius:50%;height:20px;-webkit-transform:scaleX(1);transform:scaleX(1)}to{top:0}}@-webkit-keyframes shadow046{0%{-webkit-transform:scaleX(1.5);transform:scaleX(1.5)}40%{opacity:.7;-webkit-transform:scaleX(1);transform:scaleX(1)}to{opacity:.4;-webkit-transform:scaleX(.2);transform:scaleX(.2)}}@keyframes shadow046{0%{-webkit-transform:scaleX(1.5);transform:scaleX(1.5)}40%{opacity:.7;-webkit-transform:scaleX(1);transform:scaleX(1)}to{opacity:.4;-webkit-transform:scaleX(.2);transform:scaleX(.2)}}.login .card .right .contentTwo .login-box{background-color:inherit;border-radius:10px;box-shadow:0 15px 25px rgba(0,0,0,.6);box-sizing:border-box;height:85%;left:50%;padding:30px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:400px}.login .card .right .contentTwo .login-box h1{color:#fff;margin-left:40%}.login .card .right .contentTwo .login-box p{color:rgba(255,0,0,.765);font-size:25px;text-align:center}.login .card .right .contentTwo .login-box .user-box{margin:70px 0;position:relative}.login .card .right .contentTwo .login-box .user-box input{background:transparent;border:none;border-bottom:1px solid #fff;color:#000;font-size:20px;margin-bottom:30px;outline:none;padding:10px 0;width:100%}.login .card .right .contentTwo .login-box .user-box input :valid~label,.login .card .right .contentTwo .login-box .user-box input:focus~label{color:#000;font-size:14px;top:-40px}.login .card .right .contentTwo .login-box .user-box label{color:#fff;font-size:22px;left:0;padding:10px 0;pointer-events:none;position:absolute;top:-35px;transition:.5s}.login .card .right .contentTwo .login-box button{background-color:inherit;border:none;border-radius:10px;color:#fff;display:inline-block;font-size:16px;letter-spacing:4px;margin-top:40px;overflow:hidden;padding:8px 30px;position:relative;text-decoration:none;text-transform:uppercase;transition:.5s}.login .card .right .contentTwo .login-box button:hover{background-color:#0084ff;border-radius:5px;box-shadow:0 0 4px #00d0ff,0 0 10px #00d0ff,0 0 50px #00d0ff,0 0 100px #00d0ff;color:#fff;cursor:pointer}.login .card .right .contentTwo .login-box button span{display:block;position:absolute}@-webkit-keyframes btn-anim1{0%{left:-100%}50%,to{left:100%}}@keyframes btn-anim1{0%{left:-100%}50%,to{left:100%}}.login .card .right .contentTwo .login-box span:first-child{-webkit-animation:btn-anim1 2s linear infinite;animation:btn-anim1 2s linear infinite;background:linear-gradient(90deg,transparent,#03f40f);bottom:2px;height:2px;left:-100%;width:100%}@-webkit-keyframes bubble{0%{opacity:1;-webkit-transform:translate(0);transform:translate(0)}to{opacity:0;-webkit-transform:translateY(-100vh);transform:translateY(-100vh)}}@keyframes bubble{0%{opacity:1;-webkit-transform:translate(0);transform:translate(0)}to{opacity:0;-webkit-transform:translateY(-100vh);transform:translateY(-100vh)}}.app{height:100%;width:100%}
/*# sourceMappingURL=main.59bc8eec.css.map*/