body {
        
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        margin: 0;
        padding: 0;
    }



    #inputText {
        border-radius: 4px;
        border-style: none;
        height: 30px;
        /* background-color: lightgray; */
        background-color: #e9e9e9

    }

    .btn1 {
        border-style: none;
        width: 70px;
        height: 30px;
        border-radius: 4px;
        background-color: #008CBA;
        color: white;
        font-size: 15px;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

    }

    .btn2 {
        border-style: none;
        width: 70px;
        height: 30px;
        border-radius: 4px;
        background-color: #008CBA;
        color: white;
        font-size: 15px;
    
    }
    
    

    .btn1:hover {
        background-color: darkgreen;
        color: white
    }
    .btn2:hover {
        background-color: red;
        color: black;
        border-color: red;
    }

    #headingDiv{
        width: 100%;
        height: 60px;
        background-color: darkgreen;
        color: white;
        
    }
    h1{
        margin: 0;
        padding: 0;
        padding-top: 10px;
    }

    #myList{
        font-size: 20px;
        color: darkslategray;
        
        
    }
    #myList li{
        /* background-color: gainsboro; */
        background-color: #e9e9e9;
        border: 1px lightgrey solid;
        border-radius: 4px;
        

    }