.calendar {
      border-radius: 5px;
      padding: 20px;
      margin-top: 20px;
    }
    .header {
      font-weight: bold;
      background-color: #007bff; /* Blue background */
      color: white; /* White text */
    }
    .empty-cell {
      visibility: hidden;
    }
    td {
      vertical-align: top; /* Align content to the top of each cell */
    }
    p {
      margin-bottom: 5px; /* Add some space between each paragraph */
    }
	input[type="number"] {
      text-align: center;
    }
    
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
    
    input[type="number"] {
      -moz-appearance: textfield;
    }

.fire{
	color:#e8592d;
}
.earth{
	color:#feb801;
}
.water{
	color:#21619f;
}
.wood{
	color:#037c39;
}
.metal{
	color:#969696;
}
.my-card{
	 border: 1px solid #0dcaf0;
    border-radius: 10px;
}