/* section css ****************************************************************************************/

section .wrraper{
    margin: 50px 5%;
    width: 1200px;
}

section h1{
    color: var(--orange);
    font-size: 1.8em;
    margin-bottom: 50px;
}

section ol{
    font-size: 1.2em;
} 

section li{
    margin-bottom: 40px;
}

section li details {
    margin-bottom: 10px;
}
  
section li summary {
    font-weight: bold;
    cursor: pointer;
    outline: none; /* Remove default focus outline */
}

section li p{
    font-size: 0.9em;
}
  

@media only screen and (max-width: 700px) {

    section h1{
        text-align: center;  
    }

}