*{box-sizing:border-box}body{margin:0}#root{max-width:100%;min-height:100vh;background:#101422;letter-spacing:1px}hr{height:2px;border:0;background-color:#101422}img{max-width:100%}h1{font-size:32px;margin:0;left:50%;top:50%;transform:translate(-50%,-50%);position:absolute}h2{font-size:26px}h3{font-size:20px}a{outline:none;text-decoration:none}ol,ul{margin:0;padding:0}ol{margin-left:15px}ul>li{padding-left:5px;margin-left:20px}.app-header{height:10%}.app-header-homeBtn{color:#fff}.app-header-homeBtn:hover{color:#a8dce7}.app-main{height:90%;color:#fff}.app-container{width:1320px;margin:0 auto;position:relative;height:100vh;background:#272b3b}.app-nav{position:relative;padding:20px 10px;border-right:2px solid #101422}.app-nav>ul{font-size:20px;height:85%;list-style-type:none;padding:0;margin:0;display:flex;flex-direction:column;justify-content:space-between}.app-main-content{height:100%}.content-block{overflow:auto;height:100%;scrollbar-width:thin;scrollbar-color:#a8dce7 #ffffff00;padding:20px}.content-text{font-size:18px}.content-title{color:#a8dce7}.content-img{text-align:center}.content-img img{width:70%}.content-table>table{table-layout:fixed;width:100%;border-collapse:collapse;font-size:18px}thead td{text-align:center;border:2px solid #a8dce7;font-size:24px}tbody td{text-align:center;border:2px solid #a8dce7}.content-code{background:#dcd8d8;color:#000;font-size:14px}.app-footer{position:absolute;width:100%;bottom:0}.nav-link{color:#fff;width:100%;padding:7px;border-radius:10px}.nav-link:active{color:#272b3b;background:#a8dce7;outline:1px solid #101422}.nav-link:hover{background:#101422}.active,.active:hover{color:#272b3b;background:#a8dce7;outline:1px solid #101422}