.table_id{
	border:0px solid green;
}

.input_identification{
	font: normal 90% "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Arial,Helvetica,Sans-Serif;
	font-size: 10pt;
	background: transparent;
	border:0;
	border-bottom:1px solid black;
	z-index:200;
	text-align:center;
}

#lbln{
	font: normal 90% "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Arial,Helvetica,Sans-Serif;
	font-size: 10pt;
	position:relative;
}

#lblp{
	font: normal 90% "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Arial,Helvetica,Sans-Serif;
	font-size: 10pt;
	position:relative;
	z-index:1;
}

.div_section {
	position: fixed;
  bottom: 20px;
  right: 20px;
	width: 200px;
	background-color: #ede8e8;
	padding: 10px;
	border-radius:6px;
	display:none;
	opacity: 0;
  transition: opacity 1.5s ease-in-out;
}

.div_section.visible {
    display: block;
    opacity: 1;
}

.container {
	width:100%;
	height:10px;
	background-color:#ffffff;
	border-radius:6px;
	overflow: hidden;
}

.skills{
	color:white;
}

.div_section.fade-out {
    opacity: 0;
}

.html {
    width: 0;
    background-color: #04aa6d;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.animate {
	opacity: 1;
	animation: animation1 3s ease-in-out forwards;
}

@keyframes animation1{
	0%{
		width:0;
		margin-left:-50px;
	}
	100%{
		width:100%;
	}
}