.floating {  
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    /* margin-left: 30px;
    margin-top: 5px; */
}
  
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 15px); }
    100%   { transform: translate(0, -0px); }    
}

html, body {
	
	/* margin-top: auto;
	margin-bottom: auto; */
	/* height: 100%; */
}

.signup-page {
	align-items: center;
	display: flex;
	/* display: block; */
	text-align: center;
	justify-content: center;
	/* height: 100%; */
}

#signupBtn, #orgnameInp, #usernameInp, #emailInp, #orgemailInp, #useremailInp {
	width: 100%;
	margin: auto;
	/* padding: 2vw; */
}

#signupBtn {
	padding-top: 5%;
	padding-bottom: 5%;
	font-size: var(--mdc-typography-headline1-font-size)
}

.signup-btn-msg {
	font-variant-caps: small-caps;
	text-transform: none;
}

.vertical-line-container {
	margin-left: 50%;
}

.vertical-line {
	border-left: dashed 4px hsl(65, 7%, 88%);
	height: 100%;
}

.signup-info, .signup-form {
	/* margin-top: auto;
	margin-bottom: auto;
	align-content: center;
	vertical-align: middle;
	vertical-align: middle;
	display:table-cell; */
	/* margin: auto; */
    /* width: 100%; */
}

.signup-form {
	/* background-color: hsl(65, 7%, 88%); */
	/* background-color: #f9fbe7; */
	padding: 2vw;
}

#signupForm {
	text-align: center;
}

.signup-text-description {
	/* width: 200px; */
	/* margin-left: 40px; */
	max-width: 400px;
	margin-left: calc(50% - min(200px, 50%));
	text-align: center;
	align-self: center;
	/* margin-left: 10% */
}

#thankYou {
	text-align: center;
	/* color: var(--mdc-theme-primary); */
}

.large-icon {
	font-size: 100px !important;
}

.logo-in-signup-form {
	/* margin-top: 5vh; */
	padding: 0px;
    height: 20vh;
	margin-bottom: 5vh;
	text-align: center;
    /* height: auto;
    padding: auto;
    margin: 0; */
    /* align-self: center;
    text-align: center; */
}

.signup-form-logo-container {
	align-content: center;
	text-align: center;
}

#thankYou {
	display: none;
}

.checkbox-container {
		/* width: 20%; */
		align-items: center;
		max-width: 400px;
	margin-left: calc(50% - min(200px, 50%));
	text-align: center;
}