*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}* body{box-sizing:border-box;margin:0;padding:0;font-family:system-ui,sans-serif;overflow-x:hidden}.table-of-content-wrapper{width:25%}@media (max-width:991px){.table-of-content-wrapper{width:100%!important}}.pen-underline{text-decoration:none;display:inline-block;position:relative;overflow:hidden}.pen-underline:after{content:"";transform-origin:0;background-color:#2196f3;width:0;height:2px;transition:width .4s;position:absolute;bottom:0;left:0}.pen-underline:hover:after{width:100%}.banner{aspect-ratio:16/6;text-align:center;color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;width:100%;display:flex;position:relative}@media (max-width:767px){.banner{aspect-ratio:6/4;background-position:top}}