*{
	margin: 0;
	padding: 0;
}

html, body{
   height: 100%;
   background: darkgrey;
}

body {
  font-size: .875rem;
  display: flex;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
}

.form-signin {
  max-width: 330px;
  padding: 15px;
}

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

.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.bg-white{
	border-radius: 25px;
	-webkit-box-shadow: 0px 1px 4px 0px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 0px 1px 4px 0px rgba(34, 60, 80, 0.2);
	box-shadow: 0px 1px 4px 0px rgba(34, 60, 80, 0.2);
}

.alert-blok{
	float: right;
	text-align: right;
	position: fixed;
	right: 0;
	bottom: 0;
	transform: translateX(-150%);
	animation: ani 1s forwards, anisucces 10s forwards;
	
}

@keyframes anisucces {
90% {transform: translateY(0);}
100% {transform: translateX(+150%);}

}

@keyframes ani {
0% {transform: translateX(+150%);}
100% {transform: translateY(0);}

}