html{height:100%}body{background-color:#0d762b;font-family:sans-serif;margin:0;padding:0}.login-box{background:#fff;border-radius:10px;bottom:25%;box-sizing:border-box;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:40px;position:absolute;right:0;top:18%;width:400px;z-index:100}button{background-color:transparent;background-repeat:no-repeat;border:1px solid #fcc432;box-shadow:0 0 2px #fcc432;cursor:pointer;outline:none;overflow:hidden;width:100%}.login-box h2{color:#fcc432;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 #eee;font-size:16px;margin-bottom:30px;outline:none;padding:10px 0;width:100%}.login-box .user-box label{color:#4a4545ee;font-size:16px;left:0;padding:10px 0;pointer-events:none;position:absolute;top:0;transition:.5s}.login-box .user-box input:focus~label,.login-box .user-box input:valid~label{color:#fcc432;font-size:12px;left:0;top:-20px}.login-box form button{color:#fcc432;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:#fcc432;border-radius:5px;color:#fff}.login-box button span{display:block;position:absolute}.login-box button span:first-child{animation:btn-anim1 1s linear infinite;background:linear-gradient(90deg,transparent,#fcc432);height:2px;left:-100%;top:0;width:100%}@keyframes btn-anim1{0%{left:-100%}50%,to{left:100%}}.login-box button span:nth-child(2){animation:btn-anim2 1s linear infinite;animation-delay:.25s;background:linear-gradient(180deg,transparent,#fcc432);height:100%;right:0;top:-100%;width:2px}@keyframes btn-anim2{0%{top:-100%}50%,to{top:100%}}.login-box button span:nth-child(3){animation:btn-anim3 1s linear infinite;animation-delay:.5s;background:linear-gradient(270deg,transparent,#fcc432);bottom:0;height:2px;right:-100%;width:100%}@keyframes btn-anim3{0%{right:-100%}50%,to{right:100%}}.login-box button span:nth-child(4){animation:btn-anim4 1s linear infinite;animation-delay:.75s;background:linear-gradient(1turn,transparent,#fcc432);bottom:-100%;height:100%;left:0;width:2px}@keyframes btn-anim4{0%{bottom:-100%}50%,to{bottom:100%}}.bg-img{bottom:0;height:100%;left:0;mix-blend-mode:color-burn;-o-object-fit:cover;object-fit:cover;position:fixed;right:0;top:0;width:100%;z-index:0}