@import url(https://fonts.googleapis.com/css?family=Poppins:400,500,300,200,700);body{margin:0;background-color:#fff;font-family:Poppins,"Helvetica Neue",sans-serif}.error-message{color:#f22}.bg{background-image:linear-gradient(to right bottom,#9a9a9a,#848484,#6f6f6f,#5a5a5a,#464646,#3b3b3b,#303030,#252525,#1f1f1f,#191919,#141414,#0c0c0c);background-size:400% 400%;animation:gradient 15s ease infinite}.columns{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;max-height:100vh;background:#e8e8e8;animation-name:MOVE-BG;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-direction:alternate}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes MOVE-BG{from{background-size:80%}to{background-size:84%}}@keyframes MOVE-BG-MOBILE{from{background-size:90%}to{background-size:110%}}.login-box{animation:fadeIn 1s;z-index:10;border-radius:5px;position:relative;box-shadow:rgba(0,0,0,.24) 0 3px 8px;width:0rem!important;min-width:400px;min-height:200px;padding:4rem 3rem;background-color:#fff}.login-box a{text-decoration:none}.login-box .login{display:none}.login-box .signin{animation:fadeIn .8s}.login-box .signup{animation:fadeIn .8s}.login-box .action p{display:inline}.login-box .action .signup{float:right;font-weight:700}.login-box .input-field{width:100%;position:relative}.login-box .input-field i{position:relative;position:absolute;top:10px;left:50px}.login-box .input-field #password{background:url(https://res.cloudinary.com/www-santhoshthomas-xyz/image/upload/v1620796331/portfolio/lock_dnkpk8.png) no-repeat 5%;background-size:20px;z-index:50}.login-box .input-field #tc{background:url(https://res.cloudinary.com/www-santhoshthomas-xyz/image/upload/v1620796341/portfolio/name_1_rgo5hw.png) no-repeat 5%;background-size:20px;z-index:50}.login-box .input-field #email{background:url(https://res.cloudinary.com/www-santhoshthomas-xyz/image/upload/v1620796341/portfolio/name_1_rgo5hw.png) no-repeat 5%;background-size:20px;z-index:50}.login-box .input-field #tel{background:url("../../../assets/telephone.png") no-repeat 5%;background-size:20px;z-index:50}.login-box .input-field input{box-shadow:rgba(0,0,0,.24) 0 3px 8px;width:100%;display:block;padding:15px 35px;padding-left:55px;margin:26px 0;border:none;border-left:4px solid #ffd338;border-radius:4px}.login-box-button{position:relative;margin-top:2rem;display:flex;justify-content:center;align-items:center}.login-box-button button{padding:.8rem 2rem;background:#ffd338;color:#000;font-weight:800;border:none;transition:all 1s ease-in;background-position:0;cursor:pointer;width:100%}.login-box-button button:hover{color:#ffd338;background-color:#000}.login-box-button button:active{background-image:linear-gradient(to right top,#0e1776,#091b97,#031db9,#011edc,#081dff);background-position:400%;transform:scale(1.1)}.login-box .topline{display:inline-block;position:relative;position:relative}.login-box .topline:after{content:"";position:absolute;width:40%;transform:scaleX(1);height:5px;top:-5px;left:0;background-color:#ffd338}@media screen and (max-width:776px){.login-box{padding:4rem 2rem!important;right:unset!important;width:50px!important;max-width:100px}}