*{box-sizing:border-box}table{width:100%;border-collapse:collapse}th,td{border:1px solid #ccc;padding:8px;text-align:left}tr:hover{background-color:#f0f0f0}input[type=text],input[type=date],select,textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;resize:vertical}label{padding:12px 12px 12px 0;display:inline-block}input[type=submit]{background-color:#04aa6d;color:#fff;padding:12px 20px;border:none;border-radius:4px;cursor:pointer;float:right;margin-top:2rem}button{background-color:#04aa6d;color:#fff;padding:12px 20px;border:none;border-radius:4px;cursor:pointer;margin-top:1rem}button:hover,[type=submit]:hover{background-color:#45a049}.container{width:60%;margin:auto;border-radius:5px;background-color:#f2f2f2;padding:20px}h1{text-align:center;color:green}.col-25{float:left;width:25%;margin-top:6px}.col-75{float:left;width:75%;margin-top:6px}.row:after{content:"";display:table;clear:both}#list{font-family:Arial,Helvetica,sans-serif;border-collapse:collapse;width:100%}#list td,#list th{border:1px solid #ddd;padding:8px}#list tr:nth-child(2n){background-color:#f2f2f2}#list tr:hover{background-color:#ddd}#list th{padding-top:12px;padding-bottom:12px;text-align:left;background-color:#04aa6d;color:#fff}#list td button{margin-right:8px}@media screen and (max-width:600px){.col-25,.col-75,input[type=submit]{width:100%;margin-top:0}}