/* Ejercicio 1: Aye */

body {
    width: 1200px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

header {
    padding: 1rem; 
    background-color:deeppink; 
    box-sizing: border-box; 
    height: 10rem; 
}

main {
    padding: 0.5rem;
    margin: 0 0 1rem 0;
    background-color:cadetblue; 
    box-sizing: border-box; 
}

section {
    padding: 3rem 2rem 2rem 2rem; 
    background-color:blueviolet ; 
    box-sizing: border-box; 
}

.cuadradoschicos {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
    padding: 2rem 0 0 0;
}

.cuadradogrande {
    padding: 3rem 0 0 0; 
    background-color:yellow; 
    box-sizing: border-box; 
    height: 20rem; 
}

.cuadradochico1 {
    padding: 1rem; 
    background-color:yellow; 
    box-sizing: border-box; 
    height: 22rem; 
    width: 22rem; 
}

.cuadradochico2 {
    padding: 1rem; 
    background-color:yellow; 
    box-sizing: border-box; 
    height: 22rem; 
    width: 22rem; 
}

.cuadradochico3 {
    padding: 1rem; 
    background-color:yellow; 
    box-sizing: border-box; 
    height: 22rem; 
    width: 22rem; 
}

aside {
    padding: 1rem; 
    background-color:orange; 
    box-sizing: border-box; 
    height: 12rem; 
}

footer {padding: 1rem; 
    background-color:red ; 
    box-sizing: border-box; 
    height: 25rem; 
}