:root{
    --mainColor1: #243B67;
    --mainColor2: #6E5DCF;
    --mainColor3: #C27DFC;
    --mainColor4: #EAEBED;
    --mainColor5: #69D2E7;
    --mainColor6: #FAF3DD;
    --mainColor7: #C8D5B9;
    --mainColor8: #8FC0A9;
    --mainColor9: #68B0AB;
    --mainColor10:#4A7C59;
}
.box {
    margin: 10px;
    padding: 10px;
    border-radius: 13px;
}
body {
    background-color: #eee;
}
a{
    text-decoration: none;
}
/* .somaire {
    position: fixed;

} */
.somaire ul {
    display: flex;
    column-gap: 20px;
}
.somaire ul li {
display: inline-block;
}

.titel-chapitre {
    color: brown;
    /* border: 1px solid ; */
    text-align: center;
    font-size: 18px;
    margin: 10%;
    font-style: italic;
    box-shadow: 2px 4px 2px var(--mainColor2);
}
.premerRoméne {
    /* background-image: linear-gradient(to right, green 40%, rgb(114, 28, 201) 80%, #0000ff 20%) ; */
    color: red;
    width: 80%;
    margin: 10px;
    padding-left: 2%;
    text-decoration-line: overline;
    -moz-text-decoration-line: overline;
    
}
.théorème {
    color: red;
    text-decoration-line: overline;
}
.théorème_content{
    color: var(--mainColor);
    background-color: var(--mainColor7);
}
.définition_content{
    /* color: var(--mainColor4); */
    background-color: var(--mainColor5);
}
.définition {
    color: var(--mainColor1);
    width: 60%;
    text-decoration-line: underline;
    -moz-text-decoration-line: underline;
}
.définition:hover {
    text-decoration-line: overline;
    -moz-text-decoration-line: overline;
}
.définition-text {
    padding:  10px;
} 
.exemple_content {
    background-color: var(--mainColor5);
}
.exemple {
    color: green;
    text-decoration-line: overline;
}
.prposition_content {
    background-color: var(--mainColor8);
}
.prposition {
    color: blue;
    width: 40%;
    text-decoration-line: overline;
}
.corollaire_content {
    background-color: var(--mainColor9);
}
.corollaire {
    color: green;
    text-decoration-line: overline;
    width: 40%
}
ul {
    list-style-type: lower-greek;
    background-color: transparent;
}
ul:hover ol{
    display: inline-block;
}
ol {
    display: none;
}
/* div > ul {
    list-style: decimal;
} */
/* ul li::marker {
    content: "i";
    color: rebeccapurple;
    animation: zoomin 1s ease infinite;
    -webkit-animation: zoomin 1s ease infinite;
} */
.bb li::marker {
    animation: zoomin 1s ease infinite;
    -webkit-animation: zoomin 1s ease infinite;
}
img{
    width: 360px;
}
@keyframes zoomin {
    0%, 100% {
        transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
}
    50% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
}  
}