*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: arial;
}

:root {
	
    --rosa: #c170c4;
	
    --dorado: #01bca1;
	
	
}

body {
	
	
	background:
   
    #ffffff;
    

	font-size: 20px;
	
font-family:"fredoka one";
font-weight: 400;
}

h1 {
	font-family:"bellybeans";
}

header{
    width: 100%;
    height: 60px;
    background: #c170c4;
    padding: 20px;
    text-align: center;
   
}

#input-search{
    width: 300px;
    height: 40px;
    font-size: 20px;
    text-indent: 10px;
    
    
}

.content-search{
    width: 100%;
    height: 15vh;
   overflow: scroll;
    position: fixed;
    top: 60px;
    left: 0;
    background: rgba(0,0,0,0.3);
    display: none;
}

.content-table{
    width: 80%;
    max-height: 200px;
    height: auto;
    background: rgba(0,0,0,0.3);
    margin-left: 10px;
    overflow-y: visible;
    overflow-x: hidden;
    margin: auto;
}

.content-table table{
    width: 100%;
}

tbody tr td a{
    display: block;
    padding: 10px;
    color: white;
    text-decoration: none;
}

tbody tr td a:hover{
    background: rgba(134, 63, 63, 0.1);
}

#table_length, #table_filter, #table_info, #table_paginate{
    display: none;
}

.titulo3 h1 {

	animation: fluido 30s ease-in-out infinite;
background: linear-gradient(-45deg, #dffa03, #fac203, #f803a4, #cf02fc, #08f7fe, #fb5003, #9745a9);
background-size: 300%;
-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  }

   @keyframes fluido {
0% { background-position: 0 50% }
50% { background-position: 100% 50% }
100% { background-position: 0 50% }

}

.orale {
    text-align: center;
}


.redes-sociales {
	margin:auto;
    margin-top: 20px;
	padding: 10px;
	background-color: var(--rosa);
}

.redes-sociales a {
	text-align: center;
	font-size: 18px;
	color: #ffffff;
    text-decoration: none;
}

.redes-sociales img {
	padding: 5px;
	border-radius: 100%;
	width: 50px;
	transition: .3s ease all;
}

.redes-sociales img:hover {
	transform: scale(1.2);
}

.formulario{
    max-width: 500px;
    width: 90%;
    margin: auto;
    text-align: center;
}