.menu {
    gap: 20px;
    list-style: none;
    background-color: rgb(35, 116, 71);
    font-family: Arial, Helvetica, sans-serif;
    width: 100%;
    margin-inline: auto;
    margin-bottom: 5%;
    padding: 10px 18px;
    align-items: center;
    border-radius: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.117);
}
body{
    margin:0;
    padding: 40px;
    color: rgb(235, 240, 238);
    font-family:Arial, sans-serif;
    background:rgb(68, 139, 95)      
} 

.seccion-principal{
    max-width:700px;
    margin:auto;
    background:#1a1a1a;
    border-radius:25px;
    padding:40px;
    box-shadow:0px 10px 40px rgba(235, 240, 238);
}

.avatarBri{
    width:180px;
    height:180px;
    border-radius:50%;
    object-fit:cover;
    margin: 0;
    outline-offset: 5px;
}
* {
    box-sizing: border-box;
    border: 0;
    text-align: center;
}

img {
    overflow-clip-margin: content-box;
    overflow: clip;
    text-align: right;
}
div {
    display: block;
    unicode-bidi: isolate;
}

li {
    unicode-bidi: isolate;
    list-style-position: inside;
}
   
.info{
    margin-top:30px;
}

.info h1{
    text-align:center;
    font-size:40px;
    margin-bottom:10px;
    letter-spacing:2px;
}

.seccion-principal{
    text-align:center;
    color:#021301;
    margin-bottom:30px;
    font-size:18px;
    line-height:1.7;
    color:rgb(235, 240, 238);
    text-align: center
}

.materias{
    margin-top:40px;
}

.materias h2{
    font-size:18px;
    text-transform:uppercase;
    margin-top:30px;
    border-bottom:1px solid rgba(255,255,255,0.2);
    padding-bottom:10px;
    text-align:center
}

.materias ul{
    text-align: center;
    padding: 20px
}

.materias li{
    margin-bottom:10px;
    text-align:center;
    color:rgb(235, 240, 238);
}

footer{
    max-width:700px;
    text-align:center;
    line-height:1.6;
    margin:40px auto;
    font-size:12px;
    color:rgb(235, 240, 238);
}