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

        }


	     table {
            height:37vh;
            width: 90%;
            border: 0;
            color:var(--third-color);
			margin:0 auto;
        }

  	     td {
            width:30px;
            border-radius:4px;
            text-align: center;
            text-transform: uppercase;
            font-family:'MS gothic';
            font-size: 20px;
		background: linear-gradient(0deg,var(--eleventh-color) 0%, var(--twelfth-color) 31%, var(--ninth-color) 98%);
		   box-shadow: 2px 3px 3px inset #ffffff, -1px -1px 1px inset var(--third-color);
        }

		td:has(.date) {
            background: var(--eleventh-color);
            text-indent: -0.5px;
        }

        .date strong {
            color: var(--ninth-color);
        	text-shadow: 1px 0px var(--third-color), -1px 0px var(--third-color), 0px 1px var(--third-color), 0px -1px var(--third-color), 0 0;
        }

        .month{
 	background: linear-gradient(0deg, var(--fifth-color) 2%, var(--sixth-color) 65%, var(--seventh-color) 100%);
	box-shadow: 2px 3px 3px inset #ffffff, -1px -1px 1px inset #2a402c;
        	text-shadow: 1px 0px var(--primary-color), -1px 0px black, 0px 1px black, 0px -1px black, 0 0;
		   padding:3px;
        }


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

		}
	    
	  .week-1, .week-2, .week-3, .week-4, .week-5, .week-6, .week-7 {
    color: white;
    border-color: var(--primary-color);
    font-weight: bold;
	background: linear-gradient(180deg, var(--sixth-color) 3%, var(--eight-color) 98%);
	text-shadow: 1px 0px black, -1px 0px black, 0px 1px black, 0px -1px black, 0 0;
     box-shadow: 2px 3px 3px inset #ffffff, -1px -1px 1px var(--third-color);

}