body {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100vw; height: 100vh; padding: 0; margin: 0; background: linear-gradient(45deg, #0400ff, #7a00ff); color: #fff; font-family: 'Ubuntu', sans-serif;}
h1 {font-size: 2em; font-weight: 100; margin: 0;}
h1 b {color: #ffeb3b;}
h2, p {margin: 0;}
h2 {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #4f98ff;}
p {font-size: 0.7em; font-weight: 100;}
p a {color: #c3dcff; text-decoration: none;}
p a:hover {color: #4f98ff;}
div.alert {position: fixed; top: 0; padding: 15px; background: #00dcff; border-radius: 0 0 10px 10px; color: #0400ff; z-index: 10;}
div.block {display: flex; flex-direction: column; justify-content: center; align-items: center; width: auto; padding: 20px; min-width: 350px; border: 3px solid #00dcff; border-radius: 15px;}
div.user {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; margin: 20px 0; background: #fff; box-shadow: 0 20px 20px rgba(0,0,0,0.2); border-radius: 10px; overflow: hidden;}
div.user img {padding: 20px; height: 120px;}
div.user form {display: flex; flex-direction: column; width: 100%; padding: 25px 25px 50px 25px; border-top: 1px solid #00dcff; background: #f5f5f5; margin: 0;}
div.user form label {display: flex; justify-content: center; align-items: center; height: 35px; font-size: 0.9em; font-weight: 500; border-bottom: 1px solid #0400ff; margin-bottom: 5px; color: #555; text-transform: uppercase;}
div.user form label b {color: #0400ff; margin: 0 3px 9px 3px; font-size: 1.3em;}
div.user form input {padding: 12px 15px; width: 100%; margin-bottom: 5px; font-size: 0.9em; border: 1px solid #ddd; font-weight: 100; border-radius: 5px;}
div.user form input:hover,
div.user form input:focus {box-shadow: none; border: 1px solid #0400ff; outline: none;}
div.user form div {display: inline-flex; font-size: 0.9em; padding: 15px; font-weight: 100; background: #0400ff; color: #fff; border-radius: 5px; box-shadow: 0 15px 15px -10px rgb(0 0 0 / 40%); transition: 0.25s;}
div.user form div:hover {cursor: pointer; background: #4400ff; box-shadow: 0 0 0 0 rgb(0 0 0 / 10%);}
div#js-particles {position: absolute; width: 100vw; height: 100vh;}