*{
    box-sizing: border-box;
    
}
body{
    font-size: 1.2rem;
    
}
main{
    background-color: #3a4553;
    width:90%;
    margin:0 auto;
    padding:10px;
    border-radius: 5px;
}

header{
    text-align: center;
}
#txt_input{
    background-color: #e4e68c;
    font-family: 'Courier New', Courier, monospace;
    padding: 5px;
}

#button{
    border:none;
    background-color:#77c4d3;
    color:white;
}

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

li{
    color:white;
    list-style-type:circle;
}

@media screen and (min-width: 500px){
    
main{
    width:50%;
}
#button, #resetlist, #txt_input{
    font-size:1.5rem;
    height:2em;
}

}