a, body {
    font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color: #381b02;
}

h2, h3, h4, h5, h6{
    margin: 0px;
    padding: 0px;
    margin-bottom: 6px;
}

body{
    opacity: 0.9;
    background-color: rgba(255,255,255,0.9);
    background-blend-mode: lighten;
    background: url('bg.jpg');
    background-position: top center;
    background-size : 100% auto
}

.pane, h1 {
    box-shadow: 2px 2px 2px rgb(0 0 0 / 20%);
    padding: 12px;
    margin: 12px;
    background: #f6debd;
}

.pane {
    padding-left: 12px;
}

a.button {
    padding: 12px;
    margin: 12px;
    background: #f6e5cd;
    box-shadow: 1px 1px 1px rgb(0 0 0 / 20%);
    border-radius: 12px;
}

a {
    padding: 3px;
    display: inline-block;
    border-radius: 3px;
    text-decoration: none;
    font-weight: bold;
}

ul {
    list-style: none;
}

li {
    padding: 3px;
}

.small_icon {
    padding:3px;
    vertical-align: middle
}

.icon {
  filter: opacity(90%);
}

.lighter{
    background: #f6e5cd;
}