body,html{height:100vh}.container-fluid{background:#e7e4db;text-align:center;display:flex;justify-content:center;align-items:center}#app,.container-fluid{width:100%;height:100%}#app{font-family:var(--font-family-sans-serif),Noto Sans TC;position:relative}#app #nav{width:100%;height:5%;display:flex;position:absolute;bottom:0;justify-content:space-evenly}#app table{table-layout:fixed}#app a{display:block;text-decoration:none;color:#093830;width:25%;border-right:1px solid #333;line-height:36.11px}#app a:active{background:rgba(9,93,79,.61);color:#fff}#app a:last-of-type{border:none}#home{padding-top:1rem;width:100%;height:90%;display:flex;flex-direction:column}#home .btn{width:80px;height:80px;border-radius:50%}#home #elcom{width:50%;height:60%;display:flex;justify-content:center;align-items:center;margin:0 auto}#list{width:100%;height:90%;overflow:hidden;position:relative}#list #listIn{width:100%;height:100%;overflow-y:scroll;position:absolute}#list #listIn table{margin-top:1rem}#done{width:100%;height:90%;overflow:hidden;position:relative}#done #doneIn{width:100%;height:100%;overflow-y:scroll;position:absolute}#done #doneIn table{margin-top:1rem}#settings{width:100%;height:90%;overflow:hidden;position:relative}#settings #settingsIn{width:100%;height:100%;overflow-y:scroll}#settings #settingsIn audio{width:35%;overflow:hidden}