@font-face { font-family: "NotoSansCJKsc"; font-weight: normal; font-style: normal; src: url("../Fonts/NotoSansCJKsc-DemiLight.otf"); } @font-face { font-family: "NotoMono"; font-weight: normal; font-style: normal; src: url("../Fonts/NotoMono.woff") format ("woff"); } @font-face { font-family: "NotoSerif"; font-weight: normal; font-style: normal; src: url("../Fonts/NotoSerif.woff") format ("woff"); } h1 { font-size: 40px; } h2 { font-size: 30px; color: black; background-color: lightblue; } h3 { font-size: 22px; color: black; background-color: #79DCFC; padding: 5px; } body { font-size: 20px; font-family: "NotoSerif", serif; font-weight: normal; font-style: serif; } ul { font-size: 20px; } ol { font-size: 20px; } dt { font-style: italic; } h1, h2, h3 { text-align: center; } .hanzist { color: coral; font-size: 30px; font-family: "NotoSansCJKsc"; } .hanzi { color: darkred; font-size: 22px; font-family: "NotoSansCJKsc"; } .pinyin { color: blue; } .pinyinst { color: blue; font-size: 30px; } .un { font-size: 22px; text-align: center; background-color: lightblue; border-style: solid; border-width: 1px; margin: auto; width: 50%; padding: 30px 30px 30px 30px; } .deux { font-size: 30px; text-align: center; background-color: lightblue; border-style: solid; border-width: 1px; margin: auto; width: 70%; padding: 30px 30px 30px 30px; } .exemple { margin-left: 30px; background-color: lightyellow; border: 1px; border-style: solid; margin-bottom:15px; margin-top: 15px; padding: 15px; } .contents { margin-left: 30px; background-color: #f6f6f6; padding: 15px; border-radius: 10px; } .See-also { margin-left: 30px; background-color: lightyellow; } .encadrejaune { border-style: solid; border-color: yellow; border-width: 1px; } .encadrevert { border-style: solid; border-color: green; border-width: 1px; } .encadrenoir { border-style: solid; border-color: black; border-width: 1px; } .encadrerouge { border-style: solid; border-color: red; border-width: 1px; } .rouge { color: red; } .orange { color: orange; } .pgris { color: #D1D1D1; } .rose { color: #CE90D4; } .jaune { color: yellow; } .vert { color: green; } .gris { background-color: lightgrey; padding: 10px; } .grisleger { background-color: AntiqueWhite; padding: 10px; } .fondjaune { background-color: yellow; } .grisgros { background-color: lightgrey; font-size: 140%; padding: 20px; } table { background-color:#E9F0F2 ; color: black; width: 90%; margin-left: 50px; margin-top: 10px; margin-bottom: 10px; border-collapse: collapse; border: 1px solid black; } table, td, th { border: 1px solid #ddd; text-align: left; padding: 15px; } table th { background-color: lightgrey; color: black; } .clue { border: 1px solid red; border-radius: 15px; background-color: lightgrey; } .table1 th { text-align: center; background-color: lightgrey; color: white; } .table1 th, td { border-bottom: 1px solid #ddd; text-align: center; } .table1 tr:nth-child(even) { background-color: #f2f2f2 } .table2 th { text-align: center; background-color: #4CAF50; } .table2 td { text-align: center; } .block1 { display: block; } .image { margin-top: 150px; text-align: center; } .centree { text-align: center; } .resume { background-color: lightgrey; border: 1px solid black; border-radius: 15px; margin: 10px; padding: 10px; } .titreexemple { color: grey; } .entete { width: 15%; text-align: left; color: blue; } .corps { text-align: left; } .expressions { text-align: left; } .gauche { text-align: left; font-size: 120%; background-color: lightgrey; color: green; width: 15%; vertical-align: top; } .gauche1 { text-align: left; font-size: 120%; background-color: #E9F0F2; color: green; width: 15%; vertical-align: top; } .droite { text-align: left; } .moncar { text-align: left; width: 20%; vertical-align: top; background-color: #E9F0F2; } .lecar { width: 100%; } .flex-container { display: flex; flex-wrap: nowrap; justify-content: space-around; } .flex-container1 { display: flex; flex-direction: column; background-color:#E9F0F2 ; }