body,html{padding:0;margin:0}a,body,html{font-family:Roboto,sans-serif}a{color:inherit;text-decoration:none}*{box-sizing:border-box;font-family:Roboto,sans-serif}@media (prefers-color-scheme:dark){html{color-scheme:dark}body,html{font-family:Roboto,sans-serif}body{color:#fff;background:#000}}.user_card{background:linear-gradient(#e51783,#7758d0)}.user_card,.user_card_dark{height:400px;width:300px;margin-top:15%;display:flex;justify-content:center;flex-direction:column;padding:10px;border-radius:15px}.user_card_dark{background:#0e2f39}.form_container .login_btn{color:#8a4dc3!important}.form_container .login_btn,.form_container .login_btn_dark{width:80%;border-radius:10em!important;background:#fff!important;margin-top:2em;cursor:pointer}.form_container .login_btn_dark{color:#0e2f39!important}.form_container .login_btn:focus{box-shadow:none!important;outline:0!important}.form_container .login_container{padding:0 2rem}.form_container .input_pass,.form_container .input_user{background:transparent;color:#fff!important;border:0;border-bottom:1px solid #fff;border-radius:0;text-align:center}.form_container .input_pass:focus,.form_container .input_user:focus{background:transparent;outline:none!important}.form_container .input_pass::placeholder,.form_container .input_user::placeholder{color:#fff;text-align:center}.form_container .error{width:100%;margin-top:.25rem;font-size:.875em;color:#fff}