@media (prefers-color-scheme:dark){
    background-color:#000;
}
@media (prefers-color-scheme:light){
    background-color:#fff;
}
.link-button:active {
	color:#A9A9A9 !important;
}
.small-pdf-icon {
	height: 45px;
    	padding-right: 10px;
}
body {
	background-color:#212529;
}
.week-header {
	color:#fff;
}
@media only screen and (max-width: 768px) { /* Targeting mobile devices */
	.week-header {
		color:#fff;
		display: inline;
    		justify-content: center; /* Center horizontally */
    		align-items: center;     /* Center vertically */
  		width: 6ch; /* 6 characters wide */
  		overflow: hidden;
  		white-space: nowrap;
		text-align:center;
	}
}
.action-buttons {
    background-color: darkslategrey;
    color: #fff;
    border: none;
    border-color: darkslategrey;
    float: right;
    padding: 1em 5em;
}
    #note {
	background-color: #212529;
    	color: #fff;
      	border: 1px solid #ccc;
      	padding: 1em;
      	border-radius: 0.5em;
      	overflow-y: auto;
	min-height: 50vh;
      	-webkit-user-select: text;
      	-webkit-touch-callout: default;    
     }

    .footer-text {
      font-size: 10px;
      color: #888;
    }

    .week-header {
      font-weight: bold;
      font-size: 4.5rem;
    }
    .weeklabel {
    	padding: 0.5rem;
    	background-color: darkslategrey;
    	width: 101px;
    	text-align: center;
    	color: white;
    	float: left;
    	margin-top: 0.5rem;
    	margin-right: 0.5rem;
    	cursor: pointer;
    	font-weight: bold;
    }
    .selected {
    	background-color:grey !important;
    }
    .year {
    	margin-top: 3.5em;
   	text-align: right;
    	border-style: none none solid none;
   	border-width: thin;
    	color: lightslategray;
    }