*{
    margin: 0; 
    padding: 0;
    font-family:calibri;
}

header {
    background: #ff00ff;
    text-align: center;
    height: 50 %;
    
}

main{
    background: #1c0091;
    display: flex;
	flex-wrap: wrap;
    height: auto;
    padding: 0.5rem;
}

section {
    background: #9300ff;
    width: 100%;
    padding: 2rem;
    justify-content: space-between;
}

.arriba{
    display: flex;
    justify-content: space-around;
}

.Abajo{
    display: flex;
    justify-content: space-between;
}

.Principal{
    background: #f2cd00;
    padding: 2rem;
    margin: 1rem;
    width: 95%;
    height: 16rem;
}

.Secundaria {
    background: #f2cd00;
    width: 26%;
    padding: 2rem;
    height: 20rem;
    margin: 1rem;
}


aside {
    background: #ff8900;
    width: 100%;
    text-align: center;
    height: 150px;
}

footer {
    background: #ff0000;
    width: 100%;
    text-align: center;
    height: 300px;
}