html,
body {
    font-family: "Roboto", "Segoe UI", sans-serif;
    background-color: #f4f7f5;
    color: #0f1a16;
}

body {
    margin: 0;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mud-button,
.mud-input-control,
.mud-paper,
.mud-card,
.mud-table {
    transition: all 0.2s ease;
}

.mud-button {
    border-radius: 10px;
    text-transform: none;
    letter-spacing: 0.2px;
}

.mud-input > input,
.mud-input > textarea {
    font-size: 0.95rem;
}

@media (max-width: 960px) {
    .mud-container {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
}