.jumbotron-title{
	font-weight: bold;
	font-size: 4rem;
}
.jumbotron-button-login{
	margin: auto;
	margin-top: 40px;
	min-width: 25%;
}
.body-content-image{
	max-width: 30%;
}
.footer {
    height: 60px;
    border-top: 1px solid #ddd;
    padding-top: 20px;
    color: #dddddd;
}

.button-purple-white{
	color:white;
	background-color: #614789;
	border: 1px solid white;
}
.button-purple-white:hover{
	background-color: white;
	border: 1px solid #614789;
	color: #614789;
}

.button-purple{
	max-width:140%;
	color:white;
	background-color: #614789;
	border: 1px solid white;
}

.button-purple:hover{
	color:white;
	background-color: #9177a9;
	border: 1px solid white;
}

.color-purple{
	color: #614789;
}
.color-white{
	color:white;
}
.background-color-purple{
	background-color: #614789;
}
.background-color-white{
	background-color: white;
}
.button-area{
margin-bottom:220px;
}
.button-box{
border: 1px solid #614789;
border-radius: 10px;
margin-top:20px;
}
.button-one{
max-width: 30%;
}
.row-1{
	font-size: 3rem;
	border-bottom: 1px solid #614789;
}
.row-2{
	padding: 20px 0;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.row-task{
	border-bottom: 1px solid #614789;
	display: flex;
	justify-content: center;
	align-items: center;
}
.row-task-name{
	width: 25%;
	display: flex;
	justify-content: center;
	align-items: center;
	/* background-color: red; */
}
.row-task-progress{
	height: 20px;
	margin:5px 0;
	border-left: 1px solid #614789;
	min-width: 60%;
}
.row-task-progress-right{

}
.score-row{
	display:flex;
	justify-content: left;
	align-items: center;
}
.score-now{
	max-width:50%;
}
.star-box{
	max-width:200px;
	min-width:200px;
	display:flex;
	justify-content: left;
	align-items: center;
}
.star{
max-width: 20%;
max-height: 40px;
}
.score-button{
margin:auto;
}