html{
	scrollbar-width: none;
}
body::-webkit-scrollbar {
    display: none;
}

body {
	-ms-overflow-style: none;  /* IE and Edge */
	overflow: auto;

}


.rainbow, .pink, .gold, .white{
	border-radius: 10px;
	color: rgb(121, 64, 22);
	border: 2px solid;
}

.rainbow{
	background: linear-gradient(to right, rgb(236, 255, 221), rgb(224, 254, 226), rgb(209, 250, 234), rgb(184, 234, 235), rgb(187, 239, 250), rgb(185, 231, 247), rgb(189, 220, 249), rgb(198, 210, 252), rgb(222, 194, 255), rgb(232, 190, 253), rgb(244, 189, 247), rgb(247, 190, 233)); 
	border-color: rgb(255, 120, 250);
}

.pink{
	background: linear-gradient(to right, rgb(255, 232, 239), rgb(255, 203, 228), rgb(255, 158, 214)); 
	
	border-color: rgb(255, 128, 204);
}

.gold{
	background: linear-gradient(to right, rgb(251, 250, 225), rgb(255, 237, 165), rgb(255, 202, 79)); 
	
	border-color: rgb(255, 160, 0);
}

.white{
	background: linear-gradient(to right, rgb(253, 245, 255), rgb(230, 229, 247), rgb(187, 187, 211)); 
	
}

.grayscale_skill{
	filter: grayscale(80%);
}

h3, h4, h5, h6{
	display: inline;
	line-height: 0px;
}

hr{
	
	
}

body{
	
}

.envolved_space{
	height: 100px;
	width: 50px;
	background-color: grey;
}

.div_skill{
	margin:0 auto;
	width: 500px;
	padding: 5px;
}

.pink hr, .gold hr, .rainbow hr{
	height: 1px;
	border: 0px;
	margin: 25px 85px;
	width: 300px;
	position: absolute;	
}

.pink hr{
	background: rgb(255, 128, 204);
}

.gold hr{
	background: rgb(255, 160, 0);
}

.rainbow hr{
	background: linear-gradient(to right, rgb(200, 235, 250), rgb(255, 120, 250)); 
}

.skill_name{
	margin: 5px 85px;
	width: 300px;
	height: 20px;
	position: absolute;
}

.skill_desc{
	margin: 30px 85px;
	width: 300px;
	height: 50px;
	position: absolute;
}

.img_skill_icon{
	margin: 20px 10px;
	width: 60px;
	height: 60px;
	position: absolute;
}

.skill_gold, .skill_pink, .skill_uni{
	width: 400px;
	height: 100px;
	
}


.skill_base, .uma_block, #skill_block{
	/*width: max-content;*/
}

.skill_base{
	margin: auto;
	width: 600px;
	background-color: snow;
	border: 1px solid;
	border-radius: 10px;
}

.div_uma{
	height: max-content;
	width: 200px;
}


.stats_block, .stats_name, .stats_rank{
	height: 30px;
	text-align: center;
	
}
	

.stats_name{
	width: 70%;
}

.stats_rank{
	font-weight:bold;
	width: 30%;
}


.uma_stats{
	margin: 5px;
	border: 1px solid;
	
}

.uma_stats_line{
	width: 100%;
	padding: 5px 0px;
}

.stats_block{
	margin: 0px 3px;
	border: 1px solid;
	border-radius: 5px;
	width: 80px;
	line-height: 30px;
	float: left;
}

.img_uma_icon{
	margin: auto;
	width: 75px;
	height: 82px;
	display: flex;
}

.uma_title, .uma_name{
	text-align: center;
	margin: 5px 0px;
}

.uma_icon{
	width: 100%;
	
}


.slc_block{
	margin: auto;
	width: 400px;
}

.slc_btn{
	width: max-content;
	margin: auto;
}

.div_match_block{
	margin: auto;
	/*width: 600px;*/
	max-width: 80%;
	min-width: 600px;
	height: max-content;
	border: 1px solid;
}

.div_match_uma{
	margin: auto;
	/*width: max-content;*/
}

#uma_la, #uma_ra{
	width: 20px;
	background-color: grey;
}

.match_uma_icon{
	height: 86px;
}

.talent_mark{
	background-color: lavender;
}