html,body{

 margin:0;
 height:100%;
 font-family:sans-serif;

}

#app{

 display:flex;
 flex-direction:column;
 height:100vh;

}

#topbar{

 background:#2c3e50;
 color:white;

 padding:10px;

}

#title{

 font-size:20px;
 font-weight:bold;

}

.nav{

 display:flex;
 flex-wrap:wrap;

 gap:6px;

 margin-top:8px;

}

.nav button{

 border:none;

 padding:6px 10px;

 border-radius:6px;

 cursor:pointer;

}

.nav button.active{

 background:#3498db;
 color:white;

}

#view{

 flex:1;
 border:none;
 width:100%;

}

#footer{

 background:#2c3e50;

 color:white;

 text-align:center;

 padding:6px;

 font-size:10px;

}

#footer a{

 color:white;

}