body {
    background-color: #fafafa;
    background-image:
        linear-gradient(90deg, rgba(200,200,200,.1) 1px, transparent 1px),
        linear-gradient(rgba(200,200,200,.1) 1px, transparent 1px);
    background-size: 20px 20px;
}

.md-button.sis, 
.md-button.slides,
.md-button.lean,
.md-button.video,
.md-button.hw {
    padding: 2px 8px;  /* Reduce from default padding */
    min-width: auto;     /* Don't force a minimum width */
    display: inline-block;
    font-size: 0.9em;
    border-radius: 8px;  
}

.md-button.sis {
    background-color: darkorange; 
    color: white;
}

.md-button.slides {
    background-color: #2196F3;
    color: white;
}

.md-button.video {
    background-color: #E91E63;
    color: white;
}

.md-button.hw {
    background-color: #4CAF50;
    color: white;
}

.md-button:hover {
    opacity: 0.85;
}