style.css

body {
    font-family: Arial, Helvetica, sans-serif;
    height: auto;
    min-width: 400px;
}
#input-el {
    border: 2px solid blue;
    border-radius: 4px;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    background-color: rgb(226, 251, 190);
}
#input-el:focus{
    outline: none;
}
input[type = button] {
    padding: 10px;
    border: none;
    border-radius: 12px;
    color: aliceblue;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 5px;
}
input[type = button]:hover{
    transform: translate(3px,3px) scale(1.1);
    transition: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#input-btn {
    background-color: rgb(88, 88, 211);
}
#dlt-btn {
    background-color: rgb(248, 58, 58);
}
#grabtab-btn {
    background-color: antiquewhite;
    color: black;
    border: 1px solid black;
}
li a {
    text-decoration: none;
}
ul{
    list-style-position: outside;
    list-style-type: none;
    font-size: larger;
    text-align: start;
}