[data-v-7eda2c20] #app{position:relative;display:flex;flex-grow:1;flex-direction:column;background-color:#fff;color:#333}[data-v-7eda2c20] #app.dark-mode{background-color:#1e1e1e;color:#f5f5f5}[data-v-7eda2c20] body,[data-v-7eda2c20] html{width:100%;height:100%}[data-v-7eda2c20] body{display:flex}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans Warang Citi,Arial,sans-serif;background-color:#fff;color:#333}.flex{display:flex}h1,h2,h3,h4,h5,h6{color:#999;margin-bottom:.5em}button{cursor:pointer;transition:all .3s ease-in-out}input,select,textarea{font-family:inherit;font-size:1em;padding:.5em;border:1px solid #dddddd;border-radius:4px}input:focus,select:focus,textarea:focus{border-color:#507963;outline:none}a{color:#507963}a:hover{color:#3a4c40;text-decoration:none}.content{transition:all .3s ease-in-out;min-height:calc(100vh - 218px)}.dark-mode{background-color:#1e1e1e;color:#f5f5f5}.dark-mode h1,.dark-mode h2,.dark-mode h3,.dark-mode h4,.dark-mode h5,.dark-mode h6{color:#a3a3a3}.dark-mode input,.dark-mode select,.dark-mode textarea{background-color:#2e2e2e;border-color:#404040;color:#f5f5f5}.dark-mode button{background-color:#1e1e1e;color:#fff}.dark-mode a{color:#6aa68b}.dark-mode a:hover{color:#9ccbb8}.dark-mode .content{background-color:#486856}.justify-between{justify-content:space-between}.header-title{padding:1em 2em;text-align:center;font-size:1.5rem;position:relative;background:#3a4c40;margin-bottom:1em;border-radius:0 0 2em 2em}.header-title h1,.header-title h2{color:#9ccbb8;margin-bottom:0}.header-title .header-bg .left{position:absolute;width:4rem;left:20px;bottom:-2px}.header-title .header-bg .right{position:absolute;width:4rem;right:20px;bottom:-2px;transform:scaleX(-1)}.wrapper{min-height:calc(100vh - 235px)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1em}@media screen and (min-width: 1025px){.container{max-width:1200px}}@media screen and (min-width: 2000px){.container{max-width:1700px}}@media screen and (max-width: 800px){.container{width:100%;max-width:none}}