body{
	background: linear-gradient(
		50deg,
		rgba(40, 42, 55, 0.356) 50%,
		rgba(40, 42, 55, 0.397)
		),
    url(fondo2.jpeg);
    background-size: cover;
    height: 100%;
}

.btn{
	cursor:pointer;
		position: relative;
		padding:20px 6px;
		background-color: none;
		border-top-right-radius:10px;
		border-bottom-left-radius:10px;
		transition:all 1s;
		&:after,&:before{
			content:" ";
			width:10px;
			height:5px;
			position:absolute;
			border :0px solid #343e6b;
			transition:all 1s;
			}
		&:after{
			top: -1px;
			left:-1px;
			border-top:5px solid #0003bd;
			border-left:5px solid #0003bd;
		}
		&:before{
			bottom:-1px;
			right:-1px;
			border-bottom:5px solid #0003bd;
			border-right:5px solid #0003bd;
		}
		&:hover{
			border-top-right-radius:0px;
		border-bottom-left-radius:0px;
		background-color: rgb(233, 41, 41);
		background:rgb(221, 0, 0);
		color:rgb(241, 234, 234);
			&:before,&:after{
				
				width:100%;
				height:100%;
				 border-color:rgb(26, 13, 82);
			}
		}
	}
	h5 b{text-decoration:underline;}


	.data-container{
		padding-left: 1px;
		margin-left:1px;
		width: 25vh;
		display:flex;
		justify-content: center;
		align-items: center;
	}
	.xul{
		list-style-type: none;
		margin: 10px;
	   padding: 20px;
	}
	.xli{float:left;}
	.xli a{
		color: rgb(255, 255, 255);
		text-decoration: none;
	}
	
	.brand img{
		width: 30px;
		height: 30px;
		margin-left: 20px;
	}
	.brandi img{float:left;
		width: 120px;
		height: 120px;
		margin-left: 1px;
	
	}
	
	.icons{
		margin: 0;
		padding: 0;
		display: flex;
		position: fixed;
		margin-left: 30px;
		top: 6%;
		left: 93%;
		transform: translate(-50%, -50%);
	}
	.icons li{
		list-style: none;
		margin: 5px 5px;
	}
	.icons li a{
		position: relative;
		display: block;
		width: 30px;
		height: 50px;
		text-align: center;
		line-height: 53px;
		background: none;
		border-radius: 50%;
		font-size: 20px;
		color: #ffffff;
		transition: .5s;
	}
	.icons li a::before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: 100%;
		background:none;
		transition: .5s;
		transform: scale(.9);
		z-index: -1;
	}
	.icons li a:hover::before{
		transform: scale(1.1);
		box-shadow: 30px 30px 60px #f80000;
	}
	.icons li a:hover{
		color: none;
		box-shadow: 5px 5px 5px #f80000;
		text-shadow: 5px 5px 5px #f80000;
	}

.dev h2{
	margin-left: 50px;
 color: #ffffff;
   font-size: 25px;
   margin: 20px;
   position: center;
}
.dev img{float:left;
		width: 400px;
		height: 300px;
		margin-left: 10px;
	
}

.devi{
	margin-left: 20px;
   font-size: 15px;
   margin: 8px;
   display: flex;
}

.devi .img{float: left;
    display: block;
    margin: 8px auto;
    filter: drop-shadow(5px 5px 10px rgb(92, 157, 243));
}


.fon{float: left;
    color: white;
    margin-right: 10px;

}
.txt{float: right;
    color: white;
    top: 100%;

}
.contenedor{
	width: 90%;
	display: flex;
	justify-content: right;
	align-items: right;
	height: 25vh;
}

.contenedor figure{float: inline-end;
	position: relative;
	height: 150px;
	width: 250px;
	overflow: hidden;
	border-radius: 0px;
	box-shadow: 0px 5px 5px rgba(0,0,0,0.50);
	cursor: pointer;
}
.contenedor figure img{
	width: 100%;
	height: 100%;
	transition: all 500ms ease-out;
}
.contenedor figure .capa{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(42, 44, 44, 0.6);
	transition: all 500ms ease-out;
	opacity: 0;
	visibility: hidden;
	text-align: center;
}
.contenedor figure:hover > .capa{
	opacity: 1;
	visibility: visible;
}
.contenedor figure:hover > .capa h3{
	margin-top: 50px;
	margin-bottom: 15px;
}

.contenedor figure .capa h3{
	color: #fff;
	font-weight: 400;
	margin-bottom: 120px;
	transition: 30px;
}

table {
    border:10px solid rgba(86, 86, 88, 0.301);  
    width: 50px; 
 }
  table td {
    border:3px solid rgba(86, 86, 88, 0.349);
    padding:10px;

  }
  table td:hover {
    color:#FFF;  
}

ul li::marker{
	font-size: 35px;
	color: #f80000;
}
ol li::marker{
	font-size: 35px;
	color: #071a44;
}
ul {
	color: #ffffff;
	font-size: 18px;
	
}

ol{
	color: #ffffff;
	font-size: 18px;
}



.neon{
	font-size: 5em;
	font-weight: 500;
	color: #b12020;
	letter-spacing: 0.1px;
	cursor: pointer;
	text-transform: uppercase;
	transition: 1s;
}
.neon:hover{
	color: #f5f5f5;
	text-shadow: 0 0 5px #151796,
	0 0 25px #ffffff,
	0 0 50px #d40e0e,
	0 0 100px #0e0e0e;
}


.form-content{
	background: linear-gradient(
		50deg,
		rgba(95, 95, 97, 0.795) 50%,
		rgba(86, 86, 88, 0.521)
		);
	padding: 50px;
	width: 1000px;
	border-radius: 50px;
}

.txt{float: center;
	top: 1000%;

}
.neon{
	font-size: 5em;
	font-weight: 500;
	color: #b12020;
	letter-spacing: 0.1px;
	cursor: pointer;
	text-transform: uppercase;
	transition: 1s;
}
.neon:hover{
	color: #f5f5f5;
	text-shadow: 0 0 5px #151796,
	0 0 25px #ffffff,
	0 0 50px #d40e0e,
	0 0 100px #0e0e0e;
}