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

body {
    background: #000033; 
    background: linear-gradient(#000033, black);
    background-repeat: no-repeat;

}

.botonesflotantes {
    width: 58rem;
    margin:auto; 
    height:2rem;
}

header {
    margin: 5rem auto; 
    width:58rem; 
    padding: 2rem;
    align-content: center;
    }


section {
    font-family: "Raleway", sans-serif;
    text-align: center;
    font-size: 0.75rem;
	width: 58rem;
    margin: auto;
    background-color: black;
    padding: 2rem;
}



article {
    border-width: 0.2rem;
    margin: 0.6rem;
    padding: 1rem;
    font-family: "Raleway", sans-serif;
    font-size: 0.9rem;
	text-align: justify;
	min-height: 15rem;
    width: 27.3%;
    box-sizing: content-box;
    background-color: white;
    color: #FF3333;
    float: left;
    text-align: left;
}

.cuadraditos{
    color:black; 
    min-height: 18rem;
}

.cuadraditos2{
    color:black; 
    min-height: 18rem;
}

.cuadraditos2 article {
    border-width: 0.2rem;
    margin: 0.6rem;
    padding: 1rem;
    font-family: "Raleway", sans-serif;
    font-size: 0.9rem;
	text-align: justify;
	min-height: 23.4rem;
    width: 27.3%;
    box-sizing: content-box;
    background-color: white;
    color: #FF3333;
    float: left;
    text-align: left;
}

h1 {
    color: #FF3333;
    letter-spacing: 0.625rem;
    font-family: "Raleway", sans-serif;
    font-size: 2rem;
    align-content: center;
}

h2{
    font-family: "Raleway", sans-serif;
    color:#FF3333;
    font-size: 1.25rem;
    text-emphasis-color: black;
}

h3{ 
    letter-spacing: 0.4rem;
    font-family: "Raleway", sans-serif;
    color:#FF3333;
    text-align: center;
    }

.person{
   text-decoration-line: none;
   float: left; 
   color: white;
   margin-top:1rem;    
}
.person:hover { color:#FF3333;
}

.local{
     text-decoration-line: none;
     float: right; 
     color: white;
     margin-top:1rem;
    }
.local:hover { color:#FF3333;
}

nav {   
    margin:auto;
    color:white;
    align-content: center;
}

nav a {color: white;
font-size: 0.9rem;
    text-decoration: none;    
}

nav ul li a:hover {
    color: #FF3333;
}

nav ul { 
    color: white;
    list-style-type: none;    
}

nav ul li{
    color: white;
    float: left;
}

nav ul li a{
    font-family: "Raleway", Sans-serif;
    display: block;     
	font-size: 0.7rem;   
    margin: 1.25rem;
    padding: 0.125rem 0.625rem;
    color: white;
}

li{
    border-bottom: 0.1875rem solid;
}


#belu img {
    width: 50rem;
    height: auto;
    align-content: center;
    position: relative;
    margin: 3rem auto;
    border-radius: 6rem;

}

.nombres {
    color:#FF3333;
    font-family: "Raleway", sans-serif;
}

.titulos {
    color:black;
    font-family: "Courier", monospace;
}
.redessociales{
    position: absolute;
    right: 2rem;
    top: 0rem;
}

.titulos {
    font-family: "Raleway", sans-serif;
    color:#FF3333;
    text-transform: uppercase;
}

.nombres {
    font-family: "Raleway", sans-serif;
    color: black;
}

div{ font-family: "Slabo 27px", serif;
    
}

p {color:black;
}


footer p { color:white;}

footer {
    font-size: 0.9375rem;
    font-family: "Courier", monospace;
    background-color: black;
    width: 58rem;
    height: 10rem;
    margin: 1rem auto;
    padding: 5rem;
    display: block;
    text-align: left;
}