h1 {
    color: blue;
}

body {
    background-color: powderblue;
}

.bordered {
    border-style: solid;
    border-width: 1px;
    border-color: black;
    border-collapse: collapse;
}

.alert1 {
    background-color: lightgreen;
}

.alert2 {
    background-color: aqua;
}

.alert3 {
    background-color: yellow;
}

.alert4 {
    background-color: orange;
}

.alert5 {
    background-color: red;
}

.emergency {
    background-color: orange;
}

.box {
    display: flex;
    align-items: center;
}

button.std {
    padding: 0;
    border: none;
    font: inherit;
    color: inherit;
    background-color: transparent;
    cursor: pointer;
}

button.nav {
    padding: 0;
    border: none;
    font: inherit;
    color: inherit;
    background-color: transparent;
    cursor: pointer;
}

button:disabled.nav {
    cursor: not-allowed;
}

button:active:enabled.nav {
    /*transform: translateY(1px);*/
    transform: skew(5deg, 5deg);
    filter: saturate(150%);
}

button:hover:enabled.nav {
    border-color: currentColor;
    background-color: lightgrey;
}

tr.odd {
    background-color: gainsboro;
}

tr.even {
    background-color: silver;
}