body{
    height: 100vh;
    display: flex;
    flex-direction: column;
}
#logo{
    background-color:#b3dbdc ;
}
main{
    background-color:rgba(203,239,255,0.6) ;
    flex-grow: 1;
    height: auto;
}
#dircercetare{
    margin:0;
    padding:20px;
    font-size: 1.3em;
}
ul li{
    padding:2.5px;
}

/* responsive design */
@media screen and (max-width: 768px) {
    #dircercetare{
        font-size:1.07em;
    }
}

@media screen and (max-width: 576px) {
    #dircercetare{
        font-size:1em;
    }
    ul {
        padding-left: 30px;
    }
    ul li{
       font-size:0.9em;
    }
}