@import url(https://fonts.googleapis.com/css?family=Raleway:400,700);*{box-sizing:border-box;margin:0;padding:0;font-family:Raleway,sans-serif}body{background-color:#052270;background-size:100%;background-position:right bottom;background-repeat:no-repeat;background-attachment:fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;-webkit-animation:myfirst 1.5s;animation:myfirst .7s}@-webkit-keyframes myfirst {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}@keyframes myfirst {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}.container{display:flex;align-items:center;justify-content:center;min-height:100vh}.screen{background:linear-gradient(90deg,#0081c8,#9bb8f7);position:relative;height:580px;width:360px;box-shadow:0 0 24px #515455;overflow:hidden;border-radius:10px!important}.screen__content{z-index:1;position:relative;height:100%}.screen__background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.screen__background__shape{transform:rotate(45deg);position:absolute}.screen__background__shape1{height:520px;width:520px;background:#fff;top:-50px;right:100px;border-radius:0 72px 0 0}.screen__background__shape2{height:220px;width:220px;background:#f08519;top:-192px;right:0;border-radius:32px}.screen__background__shape3{height:540px;width:190px;background:linear-gradient(270deg,#0081c8,#65a7f1);top:-24px;right:0;border-radius:32px}.screen__background__shape4{height:400px;width:200px;background:#0081c8;top:420px;right:50px;border-radius:60px;position:absolute}.login{width:320px;padding:30px;padding-top:0;margin-top:-10px;margin:auto}.login__field{padding:20px 0;position:relative}.login__icon{position:absolute;top:30px;left:10px;color:#f08519}.login__input{border:none;border-bottom: 2px solid #e3e3e693;background:none;padding:10px;padding-left:34px;font-weight:500;width:100%;transition:.2s;border-radius:10px}.login__input:active,.login__input:focus,.login__input:hover{outline:none;border-bottom-color:#0081c8}.login__submit{background:#fff;font-size:14px;margin-top:25px;padding:16px 20px;border-radius:30px;border:1px solid #d4d3e8;text-transform:uppercase;font-weight:600;display:flex;align-items:center;width:90%;color:#0081c8;box-shadow:0 2px 2px #0081c8;cursor:pointer;transition:.2s}.login__submit:active,.login__submit:focus,.login__submit:hover{border-color:#0081c8;outline:none}.button__icon{font-size:24px;margin-left:auto;color:#0081c8}.social-login{position:absolute;height:140px;width:160px;text-align:center;bottom:0;right:0;color:#fff}.social-icons{display:flex;align-items:center;justify-content:center}.social-login__icon{padding:20px 10px;color:#fff;text-decoration:none;text-shadow:0 0 8px #7875b5}.social-login__icon:hover{transform:scale(1.5)}.no_akun{font-size:11pt;color:#fff;text-align:right;position:absolute;font-weight:500;bottom:40px;right:30px}.no_akun a,.reset_password a{font-weight:bold;text-decoration:none;color:#fff}.reset_password{font-size:11pt;color:#fff;text-align:right;position:absolute;font-weight:500;bottom:70px;right:30px}.logo{padding:90px 45px 0 45px;width:100%}.alert{width:100%;padding:15px;text-align:center;font-size:11pt;position:absolute}.alert-danger{background-color: #d31717bd;color:#fff;font-weight:700}