@charset "utf-8";
/* CSS Document */
html,
body {
  height: 100%;
  background:#000;
}

body {
  display: flex;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 40px;
  background-color: #333;
}

.form-register {
  max-width: 660px;
  padding: 20px 15px;
}

.form-register .form-floating:focus-within {
  z-index: 2;
}


.form-register input#emailAddress {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-register input#password {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}





.form-register img{ max-width:85%;}

		body{
			background:linear-gradient(-70deg,#73D0E1,#73D0E1,#EE6CB7,#EE6CB7);
		}
		.register-container{
			background: linear-gradient(160deg,#333,#000);
			border-radius: 16px;
			box-shadow: 0 33px 30px -12px rgba(0, 0, 0, 0.5);
			backdrop-filter: blur(5.6px);
			-webkit-backdrop-filter: blur(5.6px);
			border: 2px solid rgba(0, 0, 0, 0.99);
		}
		
		.form-register::before{
			content:'';
			z-index:10000;
			width:100%;
			height:100%;
			background:#000;
		}
		
		div.shapes{
			position:fixed;
			width:100%;
			height:120%;
			opacity: 0.15;
			background-image:  repeating-radial-gradient( circle at -230px 0px, transparent 0, #e5e5f7 10px ), repeating-linear-gradient( #c7c7d355, #c7c7d3 );
		}
		
		img.login-logo{
			display:block;
			max-width:300px;
			margin:20px auto 20px auto;
		}