body {
  margin: 0;
  font-family: 'Segoe UI';
  background: #f5f5f5;
  color: #1a1a1a;
  font-size: 14px;
  text-align: center;
  min-height: 100vh;
}


.container{
  max-width: 800px;
  margin: 90px auto 0 auto; /* garante que o conteúdo comece abaixo do menu */
  padding: 30px 20px; /* padding interno normal */
}

.card{
background:#ffffff;
padding:30px;
border-radius:15px;
margin-bottom:20px;
border: 1px solid #e0e0e0;}

input{
width:100%;
padding:12px;
border-radius:10px;
border:none;
margin-bottom:10px;
}

button{
padding:10px 20px;
border:none;
border-radius:10px;
background:rgb(255, 247, 0);
cursor:pointer;
}

ul{
list-style:none;
padding:0;
}

li{
display:flex;
justify-content:space-between;
align-items:center;
padding:14px;
background:#ffffff;
margin-bottom:10px;
border-radius:12px;
color:#1a1a1a;
transition:0.3s;
border: 1px solid #e0e0e0;
}

li:hover{
transform:scale(1.03);
background:linear-gradient(#ffff00);
color:rgb(0, 0, 0);
}

.excluir{
background:red;
color:white;
border:none;
padding:5px 10px;
border-radius:6px;
}

.menu-logo img {
  height: 50px; /* ajusta a altura da logo */
  width: auto;
}