body {
  font-family: 'Quicksand', sans-serif;
}

.full-height {
	min-height: 99.9vh;
}

#animated-style {
	background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
	background-size: 400% 400%;
	-webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
  animation: Gradient 15s ease infinite;
}

@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

/*
** additionals
*/
#login-side {
  padding-top: 9.5%;
  padding-bottom: 9.5%;
  box-shadow: -3px 0 2px rgba(120,120,120,.3);
}

.line-sm {
  width: 30%;
}
.line-md {
  width: 50%;
}
.line-lg {
  width: 75%;
}

#animated-style .logo-big img {
  max-height: 85vh;
  position: absolute;
  top: 5%;
  left: -300px;
  opacity: .2;
  filter: grayscale(50%)
}

#animated-style .special-partnerships {
  position: absolute;
  bottom: 20px;
  right: 30px;
  width: 300px;
  padding: 10px;
  background: linear-gradient(to left, rgba(255,255,255,.5), rgba(255,255,255,.3), rgba(255,255,255,.1), rgba(255,255,255,0));
}

#animated-style .special-partnerships p {
  font-size: 0.7rem;
}

#animated-style .special-partnerships img {
  /* width: 30px; */
  height: 30px;
}

.modal-content {
  border-radius: .7rem !important;
}

.text-container {
  width: 70%;
  max-height: 300px;
  padding: 25px;
  margin-top: 18%;
  margin-left: 10%;
}
.text-container h1,
.text-container h2 {
  color: #fff;
}
.text-container h1 {
  font-size: 40px;
}
.text-container h2 {
  font-size: 33px;
}
.text-container .description-wrapper {
  width: 100%;
  background: linear-gradient(to right, rgba(255,255,255,.5), rgba(255,255,255,.1));
  padding: 1rem;
  border-radius: .7rem;
  backdrop-filter: blur(5px);
}

.btn {
  border-radius: .7rem;
}

label#asParentLabel {
  font-size: 0.85rem;
}

footer#footer {
  position: absolute;
  width: 100%;
  height: 50px;
  line-height: 50px;
  bottom: 0;
}

@media screen and (max-width: 575.98px) {
  #animated-style {
    display: none;
  }
}

@media screen and (max-width: 1199.98px) {
  #login-side {
    padding-top: 30%;
    padding-bottom: 30%;
  }
}