#link_container {
    border: 1px solid #8c8c8c;
    border-radius: 10px;
    padding: 1em;
}
h1   {color: #8c8c8c;}
ul   {
    color: #66bfdd; 
    text-align: left;
    margin: 1%;
    padding: 4% 5%;
    border: 1px solid #fff;
    border-radius: 10px;
}
td {
    font-size: 16px; 
    text-align: left;
}
a {color:  #169fe3;}
.hero {
    background-image: url('./lcbc_logo.png');
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 300px;
}
.container {
    max-width: 500px;
    text-align: center;
    margin: 0 auto;
}
button, select, input, .alert {
    font-size: 16px;
    font-weight: 150;
    border-radius: 10px;
    border: 1px solid #fff;
    margin: 5px;
    padding: 10px;
}
button {
    border-color: #66bfdd;
    color: #fff;
    background-color: #169fe3;
    cursor: pointer;
}
button:hover {
    background-color: #66bfdd;
}
button:hover:disabled {
    cursor: not-allowed;
}
select, input {
    border-color: #8c8c8c;
}
input {width: 200px;}
/* diable arrows in input
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
.alert-info {
    border-color: teal;
    background-color: rgb(161, 223, 223);
}
.alert-error {
    border-color: rgb(154, 43, 43);
    background-color: rgb(225, 135, 135);;
}
.alert-warning {
    border-color: rgb(188, 150, 56);
    background-color: rgb(240, 217, 158);
}