.pagina {
    text-align: center;
    font-family: sans-serif;
    background: #a4c3fd;
    color: #333;
    padding: 2rem;
}
 
.input,
.buton {
    margin: 0.5rem;
    padding: 0.5rem;
    font-size: 1rem;
    border-radius: 20px;
    border:none;
}
 
.input.ganduri {
    width: 90%;
    max-width: 400px;
    border-radius: 20px;
    border:none;
}
 
.buton {
    background: #7ba8fd;
    color: white;
    border: none;
    border-radius: 20px;
    cursor: pointer;
    font-size:1.5rem;
}

.buton:hover {
    background: #92b5f7;
}
.buton:active {
    background: #bbd1fb;
}
.mesaj.eroare {
    color: red;
}
 
.mesaj.succes {
    color: rgb(92, 0, 128);
}
 
.lista-ganduri {
    list-style: none;
    padding:0;
}
h1{
    font-size: 3rem;
}
h2{
    font-size: 2rem;
}
h3{
    font-size: 1rem;
}
p{
    font-size: 1.5rem;
}
#lista-ganduri{
    font-size: 1.3rem;
}
input{
    text-align:center;
}
input:focus{
    background-color:#edf2fc;
}
#mesaj1{
    height:13vh;
    overflow-y:scroll;
}
li{
    list-style-type:none;
    font-size:1rem;
}
section{
    width:50vw;
    background-color:#a0baeb;
    border-radius:40px;
    display:block;
    margin:auto;
    box-shadow: 1px 1px 5px 5px #c1d3f5;
}
#ganduri{
    padding:10px;
    display:none;
}
section:hover{
    background-color:#1866f7;
    color:white;
}