body{
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
	background-image: linear-gradient(-20deg,#9900cc,black);
	
	font-family: Poppins,sans-serif;
	color: #ffffff;

}

/* Color general de los enlaces */
a {
	color: #1e90ff; /* Azul claro tipo “dodgerblue”, puedes cambiarlo */
	text-decoration: none; /* Quita el subrayado por defecto */
	transition: color 0.3s; /* Efecto suave al pasar el mouse */
  }
  
  /* Efecto hover */
  a:hover {
	color: #63b3ed; /* Un azul más claro cuando pasas el mouse */
	text-decoration: underline; /* Opcional, si quieres subrayado al hover */
  }
  

.centered-duck {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 25%; /* La imagen ocupará el 50% del ancho del contenedor */
    height: auto; /* Mantén la proporción */
}
.content{
	margin-top: 60px;
	font-size: 1.5em;
}


.separator {
	width: 100px;
	height: 100%; /* Ajusta la altura de la línea según sea necesario */
	background-color: #ffffff; /* Cambia el color de fondo según tus preferencias */
	margin: 0;
	margin-right: 20px;
	border-left: 1px solid #ffffff; /* Cambia el color de la línea según tus preferencias */
}

#pfp {
	display: block; 
	margin: auto;
	border-radius: 50px;
	max-width: 20%;
	max-height: 20%;
}

#navigationBar{
	//border-radius: 20px; 

	margin: 0px;
	padding: 15px;
	top: 0;
	left: 0;

	overflow: hidden;
	background-color: #202020;
	position: fixed;
	
	
	width: 100%;

	max-height: 30px;
	font-size: 1.3em;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);

	transition: 0.5s;

}

.navigationBarElement{
	padding: 5px;
	text-decoration: none;
	color: #ffffff;
	
}


#navigationBar li{
	display: inline;	
	transition: 0.3s;
}
#navigationBar li a{
	transition: 0.4s;
}

#navigationBar li a:hover{
	color: white;
	text-shadow: 0px 0px 20px rgba(255, 255, 255, 1);
}

#pfp-navBar {
	border-radius: 500px;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: -5px;
	max-width: 30px;
	max-height: 30px;

	vertical-align: middle;

}

.main-window{
	margin-top: 100px;
	border-radius: 20px;
	background-color: #202020;
	margin-left: 10px;
	padding: 15px;
	width: calc(98% - 10px);

	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}
.main-window p {
	margin-left: 10px;
	font-size: 1.2em;
	margin-bottom: 0px;
}
.main-window ul {
	margin: 5px;
	margin-left: 10px;
	font-size: 1.2em;
}

h1{
	text-align: center; 
}
h6{
	margin:0px;
	font-size: 1.6em;
}

#current{
	color: #daa4fcz;
	text-shadow: 0px 0px 10px rgba(255, 232, 0, 0.8);
}

#cartel{
	background-color: green;
	color: white;

	padding: 15px;
	margin: 0px;

	width: 250px;
	text-align: center; 

	position: absolute;
	

	transform: perspective(100px) rotateX(45deg) rotateY(-20deg) rotateZ(-20deg);;;
	top: 130px;
	left:10px;
}

.contactShow {
	display: block; 
	margin: 0 auto;
	width: fit-content;
}

.contactShow ul{
	list-style: none;
}
.contactShow ul li a {
	text-decoration: none;

}
.contactShow ul li {
	padding: 10px;
	//text-align: center; 
}

h2{
	text-align: center; 

}


.repoEntrada{
	display: block;
	border: 1px solid black;
	padding: 10px;
	border-color: rgba(255, 255, 255, 0.6);
	box-shadow: 2px 2px 10px rgba(255, 20, 147, 0.5);
	border-radius: 10px;
	transition: 0.3s;
}

.repoEntrada:hover{
	cursor: pointer;
	transform: scale(1.003);
	box-shadow: 2px 2px 15px rgba(255, 215, 0, 0.5);
}


#repoNombre {
  margin: 0;
  margin-left: 0; /* Agregado para eliminar el margen izquierdo */
  color: lightblue;
  font-weight: bold;
}
.repoLanguage{
	color: lightgreen;
	padding-top: 5px;
	font-size: 0.8em;
}

.language-name {
  color: yellow;
   font-weight: bold;
}

.repoDescription{
	font-style: italic;
	padding-top: 25px;
	overflow: auto;
	font-size: 0.8em;
}
#gitText{
	margin-left: 60px;
}

#miniText{
	text-align: center;
	margin-top: 5px;
}
#gitTitle{
	margin-bottom: 5px;
}

#contact{
display: flex; 
justify-content: center; 
align-items: center; 
}

#nombre {
	width: 400px;
	font-size: 1.3em;
	border-radius: 10px;
	padding: 10px;
	border:none;
}
#correo{
	width: 400px;
	font-size: 1.3em;
	border-radius: 10px;
	padding: 10px;
	border:none;
}

#mensaje{
	
	resize: none;
	width: 400px;
	height: 200px;
	font-size: 1.3em;
	font-family: Poppins,sans-serif;
	border-radius: 10px;
	padding: 10px;
	border:none;

}

#submit-btn{
	width: 400px;
	background-color: rgba(0,0,0,0.1);
	color: white;
	font-family: Poppins,sans-serif;
	font-weight: bold;
	padding: 5px;
	border-radius: 20px;
	transition: 0.2s;
}
#submit-btn:hover{
	background-color: rgba(255,255,255,0.1);
	box-shadow: 0px 0px 10px rgba(169, 11, 244, 0.5);
}