:root{
    --light-blue: #1565c0;
    --dark-blue: #0D47A1;
}

*{
    font-family: Noto Sans, sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
}
h1, h2{
    text-align: center;
}
h1{
    font-size: 4rem;
    background-color: var(--light-blue);
    color: white;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

h2{
    padding-top: 2%;
    font-size: 2.5rem;
    margin-bottom: 5%;
    text-decoration: underline;
    
}

h3{
    border-style: solid;
    font-size: 1.3rem;
    border-radius: 10px;
}

#explainPersonalDate{
    padding-left: 10%;
    padding-right: 10%;
    font-style: italic;
    font-size: 1rem;
}

p{
    text-align: justify;
}

.sections{
    padding-left: 10%;
    padding-right: 10%;
}

.sections p{
    text-align: justify;
    font-size: 1.1rem;
}

.section{
    padding-top: 2.5%;
    
}

.section:last-child{
    padding-bottom: 3%;
}
.ordered-list {
    list-style-type: decimal; /* Define o tipo de contador (pode ser 'decimal', 'lower-alpha', etc.) */
    margin-left: 20px; /* Espaço à esquerda para os números */
}

.ordered-list li {
    margin: 5px 0; /* Espaçamento vertical entre os itens da lista */
    font-size: 1.1rem;
    text-align: justify;
}

#footer{
    padding-top: 2.5%;
    padding-bottom: 2.5%;
    display: flex;
    justify-content: center;
    align-items: center; 
    background-color: var(--light-blue);
}
#footer p{
    text-align: center;
    font-size: 18px;
}

@media (max-width: 768px){
    h1{
        font-size: 2.3rem;
    }
    h2{
        font-size: 30px;
        margin-bottom: 5%;
        font-size: 1.8rem;
    }
    h3{
        border-style: solid;
        font-size: 1.3rem;
        text-align: center;
    }
    .section:first-child{
        padding-top: 10%;
    }
    .section{
        padding-top: 5%;
    }
    .sections p{
        padding-top: 2.5%;
        font-size: 1rem;
    }
    .ordered-list li{
        font-size: 1rem;
        text-align: justify;
    }
    #footer p{
        font-size: 15px;
    }
}