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


body{
margin: 0;
font-family: Arial, sans-serif;
}

/*Encabezado*/
header {
background-color: #2c3e50; 
padding: 20px; 
text-align: Center;
}

/*Navegacion*/
nav {
background-color: #1e63a8;
color: #1e63a8(250, 250, 248);
padding: 15px;
text-align: center;
}

nav ul {
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 30px;
}

/*contenedor principal*/
#main {
display: grid; /*Define como se muestran los elementos*/
grid-template-columns: 3fr 1fr; /*Diseño de las columnas y posicionamiento de las mismas*/
gap: 10px; /*Define el espacio entre los elementos del grid*/
padding: 10px;
}

/*Secciones*/
#programacion{
background-color: #edf2f3;
padding: 10px;
flex: 2;
text-align: center;/*Permite organizar, alinear y distribuir elementos dentro de un contenedor de forma flexible*/
}

#estructura{
background-color: #ac9cf5;
padding: 10px;
flex: 2;
text-align: center;/*Permite organizar, alinear y distribuir elementos dentro de un contenedor de forma flexible*/
}

#redes{
background-color: #7c61f7;
padding: 10px;
flex: 2;/*Permite organizar, alinear y distribuir elementos dentro de un contenedor de forma flexible*/
text-align: center;
}

#tecnologia{
background-color: #ac9cf5;
padding: 10px;
flex: 2;/*Permite organizar, alinear y distribuir elementos dentro de un contenedor de forma flexible*/
text-align: center;
}

/*Articulo*/
#article{
background-color: #5a90ab;
padding: 15px;
flex: 2;
}

/*aside*/
#aside{
background-color: #b2b9bb;
padding: 15px;
flex: 1;
}

/*pie de pagina*/
footer{
background-color: #2c3e50;
color: rgb(250, 249, 249);
text-align: center;
padding: 10px;
}

/*parrafos*/
p {
margin:0 ;
}