@font-face {
        font-family: 'Learner';
        src: url('/font/Learner.ttf') format('OpenType');

        }

	     #calender	table {
            height: 197px;
            width: 100%;
            border: 0;
            color:orange;
		  background-color:black;
        }

  	     td {
            width:23px;
            border-radius: 2px;
            text-align: center;
            text-transform: uppercase;
            font-family:'Learner';
            font-size: 13px;
            background: linear-gradient(0deg,rgba(20, 18, 18, 1) 0%, rgba(46, 46, 46, 1) 91%);
        }

		td:has(.date) {
            background: linear-gradient(to bottom,  #fcfbf8 0%,#faf0e0 50%,#f8e9d2 51%,#fef8ee 100%);
            text-indent: -0.5px;
        }

        .date strong {
            color: orange;
        	text-shadow: 1px 0px white, -1px 0px white, 0px 1px white, 0px -1px white, 0 0;
        }

        .month{

    			background: linear-gradient(to bottom,  #fbf7f7 0%,#e1adff 50%,#c171f0 51%,#fdedee 100%);
    			text-indent:1px;

            background-size: 20px;
            box-shadow: 2px 2px 2px inset #ffffff, -1px -1px 1px inset #bebebeab;
        	text-shadow: 1px 0px black, -1px 0px black, 0px 1px black, 0px -1px black, 0 0;
		  border:2px solid;
        }


		.month strong {
		    color: white;
		    margin-left: 2px;
		    text-shadow: 0 1px black, 1px 0px black, 0 -1px black, -1px 0px black, 1px -1px black, -1px 1px black, 1px 1px black, -1px -1px black;
		    letter-spacing: 4.6px;
		    font-size: 13px;
		    align-items: center;

		}
	    
	  .week-1, .week-2, .week-3, .week-4, .week-5, .week-6, .week-7 {
    color: white;
    border-color: pink;
    font-weight: bold;
	text-shadow: 1px 0px black, -1px 0px black, 0px 1px black, 0px -1px black, 0 0;
        background: linear-gradient(to bottom,  #fbf7f7 0%,#ed965c 50%,#faac78 51%,#fdedee 100%);

}