body{
	margin-top: 0;
	min-height: 100%;
  background-image: linear-gradient(to bottom right,#B272A6, #66CCCC);
  /* background-image: radial-gradient(farthest-corner at 60% 55%, #B272A6, white, #66CCCC);*/
}
.content-section{
	margin: 20px;
	padding: 20px;
	height: auto;
	max-width: 100%;
	min-height: 500px;
	background-color: white;

}
#copyright-section{
	bottom: 0px;
	position: fixed; 
	margin-top: 0.2rem; 
	padding-top: 0.2rem;
	right: 1.0rem;
	z-index: -100;
	
}
input {
  outline: 0;
  border-width: 0 0 2px;
  border-color: #B272A6;
}
input:focus {
  border-color: #66CCCC;
}
.btn{
	background-color: #B272A6;
}
.btn:hover{
	background-color: #66CCCC;
}
hr{
	background-color: #66CCCC;
}
#login-section{
	
	align-content: center;
	border-left: solid 2px;
	border-color: #66CCCC;
	height: auto;
}
#intro-section{
	align-content: center;
	text-align: center;
	height: auto; 
	
	
}

#img-logo{
	width: 200px;
	height: 200px;
}
@media screen and (max-width: 580px) {
  .text {
    font-size: 16px;
  }

	#login-section{
		display: flex;
		align-content: center;
		border-left: solid 0px;
		border-top: solid 2px;
		border-color: #66CCCC;
	}
	#copyright-section{
		bottom: 0px;
		position: fixed;
		margin-top: 0.2rem; 
		padding-top: 0.2rem;
		right: 1.0rem;
		z-index: -100;
	}
}