html{
    background-color: aliceblue;
    font-family: 'Sofia Sans', sans-serif;
}
header{
    font-size: 30px;
}

#navbar{
    background-color: white;
    position: absolute;
    top: 0;
    padding: 0;
    margin: 0;
    width: 250px;
    max-height: 500px;
    border: black solid 1px;
    z-index: 1;
    border-bottom: 2px solid;
    height: 500px;

}

#main-doc{
    position: absolute;
    left:265px;
    margin-left: 10px;
}
nav{
    
    padding-left: 0;
}

.nav-link{
   /*  border-top: 1px solid black; */
    margin-left: -20;
    display: block;
    
}

.code{
  text-align: center;
}

code{
   font-size: 20px; 
   background-color: grey;
   text-align: center;
   justify-content: center;
   font-weight: bold;
   opacity: 60%;
}

table, td, th{
    border: 1px solid black;

}

td, th{
    width: 100px;
    text-align: center;
}

#navbar li {
    color: #4d4e53;
    /* border-top: 1px solid; */
    list-style: none;
    position: relative;
    width: 100%;
    margin: 0;
    display: block;
}
a:hover{
    color: red;
}

a{
    font-style: normal;
    font-size: 20px;
}

p{
    font-size: 15px;
}

@media (max-width: 600px) {
    .facet_sidebar {
      display: none;
    }
}
a{
    text-decoration: none;
}

.btn-flotante {
	font-size: 10px; /* Cambiar el tamaño de la tipografia */
	text-transform: uppercase; /* Texto en mayusculas */
	font-weight: bold; /* Fuente en negrita o bold */
	color: #ffffff; /* Color del texto */
	border-radius: 5px; /* Borde del boton */
	letter-spacing: 2px; /* Espacio entre letras */
	background-color: #E91E63; /* Color de fondo */
	padding: 18px 30px; /* Relleno del boton */
	position: fixed;
	bottom: 40px;
	right: 40px;
	transition: all 300ms ease 0ms;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
	z-index: 99;
}
.btn-flotante:hover {
	background-color: #2c2fa5; /* Color de fondo al pasar el cursor */
	box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
	transform: translateY(-7px);
}
@media only screen and (max-width: 600px) {
 	.btn-flotante {
		font-size: 14px;
		padding: 12px 20px;
		bottom: 20px;
		right: 20px;
	}
} 

.main-section{
    margin-right: 30px;
    text-align: justify;
    padding: auto;
    border-bottom: solid 1px blanchedalmond;
}

#navbar .nav-link {
    border-bottom: 1px solid red;
    
}