body{
    margin: 15px;
}

/* Fonte customizada do Google Fonts*/
h1{
    font-family: 'Black Ops One'; 
}

h2{
    margin-top: 0;
    font-size: 18px;
}

section {
    background: rgb(255, 255, 255);
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.box{
    background: #3498db;
    color: white;
    width: 210px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    border-radius: 3px;
}

.container_1, .container_2 {
    display: flex;
    align-items: center;       /* centraliza verticalmente */
    justify-content: center;   /* centraliza horizontalmente */
    flex-wrap: wrap;           /* Quebra de linha em telas pequenas */
    gap: 15px;                 /*espaçamento entre os elementos*/
}

/* Container com 3 caixas coloridas*/
.container_1 .box:nth-child(1) { background: #5e2bff; }
.container_1 .box:nth-child(2) { background: #c04cfd; }
.container_1 .box:nth-child(3) { background: #fc6dab; }

/* Container com 6 caixas coloridas*/
.container_2 .box:nth-child(1) { background: #f61379; }
.container_2 .box:nth-child(2) { background: #850ad6; }
.container_2 .box:nth-child(3) { background: #490fd2; }
.container_2 .box:nth-child(4) { background: #153ae0; }
.container_2 .box:nth-child(5) { background: #12b2e2; }
.container_2 .box:nth-child(6) { background: #8900f2; }