*{
    box-sizing:border-box;
}

body{
    font-size:1.2em;
}

main{
    background-color: #08122E;
    width:100%;
    margin:0 auto;
    padding:15px;
    border-radius:10px;
    color:white;
}

#txt_input{
    background-color: #5C688A;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    padding:5px;
    color: #0F0FF3;
}

#button{
    border:none;
    color:white;
    background-color: #1953F3;
}

#resetlist{
    border:none;
    color:white;
    background-color: #800F6E;
}

li{
    color:white;
    list-style-type: square;

}

/* Below styles are for screens larger than 500 px; */

@media screen and (min-width:500px){



main{
    width:50%;
}

#button, #resetlist, #txt_input{
    font-size: 1.5em;
    height: 2em;
}
}