h1, h2, h3, h3, h4, p {padding: 8px;}
body {font-family: Montserrat, sans-serif;line-height: 1.4;color: #000000;}
.msg {text-align: center;background-color: antiquewhite;border-bottom: dashed;position: fixed;left: -50%;top: 0;width: 200%;z-index: 1;}
nav {display: flex;justify-content: center;margin-top: 20px;}
main {margin: auto;width: 100%;max-width: 1200px;}
div {position: relative;}
header {position: sticky;top: 40px;background: white;margin-bottom: 50px;z-index: 1;}
.right {float: right;}
.resume {background-color: antiquewhite;}
.button {cursor: pointer;padding: 15px 20px;font-size: 16px;font-weight: 600;border-radius: 8px;border-style: none;background-color: #2762d9;color: #FFFFFF;}
.button:hover {background-color: #153678;}
.button a {color: inherit!important;text-decoration: none!important;}
.menu {padding: 15px 20px;font-size: 16px;font-weight: 600;border-radius: 8px;border-style: solid;border-color: #000000;border-width: 2px;color: #000000;}
.menu a {text-decoration: none!important;}
.flexh {display: flex;justify-content: center;}
.flexh img {border-width: 2px;border-style: solid;border-radius: 10px;width: 95%;height: auto;}
.flexhv {display: flex;justify-content: start;flex-wrap: wrap;}
.flexhv div {text-align: center;margin: 15px 0;}
.flexhv p {margin: 0 10px;text-align: left;}
.flexhv img {border-width: 2px;border-style: solid;border-radius: 10px;width: calc(100% - 34px);height: auto;}
.w220 {max-width: 220px;}
h1, h2, h3, h4 {font-weight: 500;}
h1, h2 {text-align: center;}
h1 {font-size: 34px;margin-top: 128px;margin-bottom: 64px;color: #2762d9;}
h2 {font-size: 24px;margin-top: 128px;margin-bottom: 84px;}
h2:after {content: '';display: block;width: 230px;height: 4px;background-color: #2762d9;position: absolute;left: calc(50% - 115px);margin-top: 32px;}
h3, h4 {font-size: 20px;}
p {font-size: 16px;font-weight: 400;text-align: justify;}
img {margin: 16px;}
ul {list-style-type: disc;padding-inline-start: 30px;margin: 0;}
ol {list-style-type: decimal;padding-inline-start: 30px;margin: 0;}
li {margin: 5px 0 5px 0;font-size: 16px;}
li::marker {color: #2762d9;}
a {text-decoration: underline;color: #2762d9;}
div.table {overflow-x: auto;}
table {width: 100%;}
th, td {text-align: center;border-bottom: 1px solid #2762d9;padding: 8px;}
td p {text-align: left;}
blockquote {border-left: 4px solid antiquewhite;color: grey;margin: 1em 0;padding-left: 1em;font-style: italic;}
#fixe {position: sticky;top: 100px;width: 220px;height: 0;margin-top: 128px;}
#fixe ul {list-style-type: lower-roman;padding: 0;}
#fixe ul li {margin: 0;font-size: 14px;line-height: 1.2;border: 1px solid #ccc;padding: 8px;background-color: #000000;background-image: linear-gradient(to right, #2762d9, #2762d9);background-repeat: no-repeat;background-size: 0% 100%;transition: background-size 0.2s ease-out;}
#fixe ul li a {color: #FFFFFF;}
#fixe li.inverted {background-image: linear-gradient(to right, #ffffff, #ffffff);}
#fixe li.inverted a {color: #000000;}
#content {margin-left: 230px;margin-top: -128px;}
footer {border-top-width: 2px;border-top-style: solid;font-size: 12px;margin-top: 88px;}
.tts-highlight {background: yellow;color: black;}
.tts-btn {margin-right: 8px;padding: 4px 8px;width: 80px;border-radius: 6px;cursor: pointer;border-width: 2px;border-color: #2762d9;border-style: solid;background-color: #eeeeee;color: #000000;font-size: 14px;position: absolute;top: -50px;}
.tts-titlewrap {align-items: center;justify-content: center;}
.tts-voicebar {position: fixed;bottom: 20px;right: 20px;padding: 10px 14px;background: #0b1220;color: #e6eef6;border-radius: 8px;box-shadow: 0 2px 6px rgba(0,0,0,0.3);font: 14px sans-serif;z-index: 9999;}
.tts-voicebar select {background: #111827;color: #e6eef6;border-radius: 6px;padding: 4px 8px;}
@media screen and ((max-width:800px) or (max-height:675px)) {
    #fixe {display: none;}
    #content {margin-left: 0;margin-top: 0;}
}
@media screen and ((max-width:460px)) {
    .flexhv {justify-content: center;}
    .w220 {max-width: 180px;}
}