#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}.icp{display:flex;align-items:center;align-content:center;justify-content:center;flex-wrap:nowrap;gap:10px}.icp>a{color:gray}.icp>a,.icp>a:hover{text-decoration:none}.icp>a:hover{color:#282828}.gongan-link{display:flex;align-items:center}.gongan-img{width:20px;height:20px;margin-right:5px}.menu-container{position:relative}.slide-menu-wrapper{position:fixed;top:0;bottom:0;width:220px;left:-220px;transition:left .3s ease}.menu-open{left:0}.slide-menu{background-color:#fff;height:100vh;border-right:1px solid #e6e6e6;position:relative}.toggle-button{position:absolute;right:-40px;top:20px;z-index:1000;padding:8px 12px;background-color:#fff;border:1px solid #dcdfe6;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);cursor:pointer}.menu-open .toggle-button{left:200px}#menu-btn{width:30px;height:30px;right:-40px;position:absolute;top:10px;z-index:1000;cursor:pointer;transition:transform .3s ease}#menu-btn:hover{opacity:.8;transform:rotate(90deg)}a{text-decoration:none;color:#409eff}body{margin:0}.home{height:100vh;display:flex;flex-direction:column;align-items:center;align-content:center;justify-content:space-between;flex-wrap:nowrap;gap:10px}.footer{margin-bottom:20px}