.my-target-list-container{
    display: flex;
	flex:1;
	height:60px;
	justify-content:space-evenly
}

#target-list-container{
	display:flex;
	flex:1;
	overflow-x: scroll;
}

.mtl-component{   
    display: flex;
    height: 60px;
    width:60px;
	border-radius:360px;
	text-align:center;
    background-color: #F4BE35;
    font-size: 0.7em;
    color: rgb(16, 35, 119);
    cursor: pointer;
    align-items: center;
    justify-content: center;
	color:#054456;
	line-height:1.2;
}

.mtl-component:hover{
    right:0px;
    transition-duration: 0.5s;
}
.title{
    font-size: 72px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    height: 500px;
}

@media screen and (max-width:680px){
	.mtl-component{
		font-size:10px;
	}
}