@import url(style.css);

/* EXERCÍCIOS CSS FLEXBOX */
/* ESCREVA SEU CSS ABAIXO UTILIZANDO AS ESTRUTURAS EXIXTENTES 
*/


/* EXERCÍCIO 01 */
.exercicio1 {
    margin-top: 40px;
}

.exercicio1 .flex-container {
    width: 400px;
    height: 400px;
    padding: 40px;
    background-color: #ffffff;
    box-shadow: 0px 0px 8px gray;
}

.exercicio1 .flex-item {
    width: 100%;
    height: 100%;
    background-color: red;
}


/* EXERCÍCIO 02 */
.exercicio2 {
    margin-top: 40px;
}

.exercicio2 .flex-container {}

.exercicio3 .flex-item {}


/* EXERCÍCIO 03 */
.exercicio3 {
    margin-top: 40px;
}

.exercicio3 .flex-container {}

.exercicio3 .flex-item {}


/* EXERCÍCIO 04 */
.exercicio4 {
    margin-top: 40px;
}

.exercicio4 .flex-container {}

.exercicio4 .flex-item {}


/* EXERCÍCIO 05 */
.exercicio5 {
    margin-top: 40px;
}

.exercicio5 .flex-container {}

.exercicio5 .flex-item {}


/* EXERCÍCIO 06 */
.exercicio6 {
    margin-top: 40px;
}

.exercicio6 .flex-container {}

.exercicio6 .flex-item {}


/* EXERCÍCIO 07 */
.exercicio7 {
    margin-top: 40px;
}

.exercicio7 .flex-container {}

.exercicio7 .flex-item {}


/* EXERCÍCIO 08 */
.exercicio8 {
    margin-top: 40px;
}

.exercicio8 .flex-container {}

.exercicio8 .flex-item {}


/* EXERCÍCIO 09 */
.exercicio9 {
    margin-top: 40px;
}

.exercicio9 .flex-container {}

.exercicio9 .flex-item {}


/* EXERCÍCIO 10 */
.exercicio10 {
    margin-top: 40px;
}

.exercicio10 .flex-container {}

.exercicio10 .flex-item {}