.color-picker {
    color: #06555e;
}

body {
    background-image: linear-gradient(to right top, #212f45, #1b3a50, #104458, #054f5e, #065a60);
    min-height: 100vh;
}
tr:hover {
    /* #1d4654 */
    background-color: #115870;
}
.btn-go:hover {
    background-color: #56964a;
}
.btn-stop:hover {
   background-color: #d34b62; 
}
nav {
    color: white;
    background-color: #182c34;
}
.form-input {
    width: 100%;
    padding: 2;
    border: 2px solid #072e2ef5;
    border-radius: 4px;
}
.form-input:focus {
    /* background-color: #b5eaeaf5;
    color: black; */
    font-weight: bold;
}
.form-input:hover, .form-select:hover {
    border-color: aqua;
}
.form-select {
    width: 100%;
    padding: 2;
    border: 2px solid #072e2ef5;
    border-radius: 4px;
    color: white;
    background-color: #1d4654;
    /* background-color: #9bcfe1; */
}

.page-header {
    color: white;
    grid-column: 1 / -1;
    padding: 3;
    font-size: x-large;
    font-weight: bolder;
    margin-left: 1em;
    margin-bottom: 1em;
}
/* w-full p-2 border text-sm block hover:bg-[#808040] */