*,
			*::before,
			*::after {
				box-sizing: border-box;
				font-family: 'Poppins', sans-serif;
			}

			body {
				margin: 0;
				height: 100%;
				width: 100%;
				font-family: 'Poppins', sans-serif;
				background: #3b4465;
				display: flex;
			}

			.forms-section {

				display: flex;
				width: 100%;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				padding: 3%;
			}

			.section-title {
				font-size: 32px;
				letter-spacing: 1px;
				color: #fff;
			}

			.forms {
				width: 100%;
				max-width: 600px;
				background-color: #415a77;
				box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
			}

			.form-wrapper.is-active .switcher-login {
				color: #fff;
				transform: translateX(90px);
			}

			.form-wrapper.is-active .switcher-signup {
				color: #fff;
				transform: translateX(-90px);
			}

			.underline {
				position: absolute;
				bottom: -5px;
				left: 0;
				overflow: hidden;
				pointer-events: none;
				width: 100%;
				height: 2px;
			}

			.underline::before {
				content: '';
				position: absolute;
				top: 0;
				left: inherit;
				display: block;
				width: inherit;
				height: inherit;
				background-color: currentColor;
				transition: transform .2s ease-out;
			}



			.form {
				overflow: hidden;
				margin-top: 50px;
				padding: 30px 25px;
				border-radius: 5px;
				transform-origin: top;
			}

			.form-login {
				animation: hideLogin .3s ease-out forwards;
			}



			.form fieldset {
				position: relative;
				opacity: 0;
				margin: 0;
				padding: 0;
				border: 0;
				transition: all .3s ease-out;
			}


			.form-wrapper.is-active fieldset {
				opacity: 1;
				transform: translateX(0);
				transition: opacity .4s ease-in, transform .35s ease-in;
			}

			.form legend {
				position: absolute;
				overflow: hidden;
				width: 1px;
				height: 1px;
				clip: rect(0 0 0 0);
			}

			.input-block {
				margin-bottom: 20px;
			}

			.input-block label {
				font-size: 14px;
				color: #a1b4b4;
			}

			.input-block input {
				display: block;
				width: 100%;
				margin-top: 8px;
				padding-right: 15px;
				padding-left: 15px;
				font-size: 16px;
				line-height: 40px;
				color: #3b4465;
				background: #eef9fe;
				border: 1px solid #cddbef;
				border-radius: 2px;
			}

			.form [type='submit'] {
				opacity: 0;
				display: block;
				min-width: 120px;
				margin: 30px auto 10px;
				font-size: 18px;
				line-height: 40px;
				border-radius: 4px;
				border: none;
				transition: all .3s ease-out;
			}

			.form-wrapper.is-active .form [type='submit'] {
				opacity: 1;
				transform: translateX(0);
				transition: all .4s ease-in;
			}

			.btn-login {
				color: #fbfdff;
				background: #fb8500;
				width: 100%;
			}

			button {
				cursor: pointer;
			}

			button:hover {
				background-color: #e76f51;
			}

			.waiting {
				padding: 10px;
				color:rgb(255, 255, 255);
			}