body {
    font-family: cursive;
    text-align: center;
    background-color: rgb(156, 9, 224);

}

h1 {
    margin-top: 20px;
    color: black;

}

#calendario {
    display: inline-block;
    background:rgb(250, 250, 250);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 50px black;

}

tabel {
    border-collapse: collapse;
    width: 100%;

}

th, td {
    padding: 10px;
    text-align: center;
    border: 1px solid #d24ee4;

}

th:first-child, td:first-child {
    color: red;

}

th:first-child, td:first-child {    
    color: blue;

}

.hoje {
    background-color: blueviolet;
    font-weight: bold;
    
}
.navegacao {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}
button {
    padding: 5px;
    background-color: rgb(206, 131, 241);
    font-family: cursive;
    border-radius: 100px;

}