body{
font-family:Arial, sans-serif;
margin:0;
min-height:100vh;
display:flex;
flex-direction:column;
background:#f5f5f5;
color:#111;
transition:0.3s;
}
body.dark{
background:#111;
color:#f5f5f5;
}

.topbar{
display:flex;
justify-content:space-between;
align-items:center;
padding:20px;
border-bottom:1px solid #ccc;
}

.content{
flex:1;
padding:40px;
text-align:center;
}
.center{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
height:100vh;
gap:15px;
}

button{
padding:8px 15px;
cursor:pointer;
}

a{
margin:0 10px;
text-decoration:none;
color:inherit;
}
a:hover{
text-decoration:underline;
}

footer{
text-align:center;
padding:20px;
border-top:1px solid #ccc;
margin-top:auto;
}
ul{
list-style-type:none !important;
padding-left:0 !important;
margin:0;
}

li{
list-style:none !important;
margin:15px 0;
}