body {
    font-family: sans-serif;
     margin:0; background:#f9f9f9;
    }


h1 {
    text-align:center; 
    color:#7e0000; 
    margin-top:2%
}


table {
    
        width:100%;
        max-width:800px;
        margin:20px auto;
        border-collapse: collapse;
        background:#fff;
        box-shadow:0 2px 8px rgba(0,0,0,0.1)
    }

th, td {
    padding:10px;
    border-bottom:1px solid #ddd;
    text-align:center;
}

th {

    background:#7e0000; 
    color:#fff;
}

a.btn {
         display:inline-block;
         padding:8px 12px;
         background:#7e0000;
         color:#fff;
         text-decoration:none;
         border-radius:4px;
         transition:background 0.3s;
        }


a.btn:hover {

    background:#a00000;
}

.teste1 {
    background: #7e0000;
    color: #fff; padding: 10px 20px; 
    text-decoration: none; 
    border-radius: 4px;
    transition: background 0.3s;
    margin-top: 20%;
    
    }

.teste1:hover {
    background: #a00000;
}


p.total {
    
            text-align:center;
            font-weight:bold;
            font-size:1.2em;
            margin-top:20px;
            margin-bottom: 5%;
        }