style.css

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    justify-content: flex-start;
    
}


body{
    
    display: flex;
    flex-direction: column;
    min-width: 500px;
    
   
}

#input-el{
    width: 95%;
    height: 35px;
    padding: 5px;
    margin: 10px auto 5px auto;
    border: 2px solid rgb(231, 167, 167);
    border-radius: 10px;

}

#input-btn{
    width: 120px;
    padding: 9px ;
    margin: 5px 2.5%;
    font-weight: bold;
    font-size: 1rem;
    background-color:rgb(99, 214, 5);
    border-radius: 10px;
    color: whitesmoke;
    border: none;
    cursor: pointer;

}

#savetab-btn{
    width: 120px;
    padding: 9px ;
    margin: 5px 2.5%;
    font-weight: bold;
    font-size: 1rem;
    background-color:rgba(196, 4, 43, 0.781);
    border-radius: 10px;
    color: whitesmoke;
    border: none;
    cursor: pointer;

}

#delete-btn{
    width: 120px;
    padding: 9px ;
    margin: 5px 2.5%;
    font-weight: bold;
    font-size: 1rem;
    background-color:rgba(250, 78, 16, 0.829);
    border-radius: 10px;
    color: whitesmoke;
    border: none;
    cursor: pointer;

}


.list{
    margin: 10px 2.5%;
    
}

#ul-el{
    list-style: none;
}

#ul-el a{
    color: coral;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}