@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

#banner {
    background-color: #ebf2f7;
    display: grid;
    grid-template-columns: 50px calc(100% - 100px) 50px;
}
#banner > a {
    margin-right: 0;
    text-align: center;
}
#menu-toggler {
    font-size: 30px;
    color: inherit;
}

#alert-container {
    margin-top: 70px !important;
}

#authForm {
    width: 360px;
    max-width: 100%;
}
#authForm .alert {
    text-align: center;
}

#group-list .favorite {
    margin-right: 10px;
    color: inherit;
}
#group-list .favorite .inner-star {
    fill: transparent;
}
#group-list .favorite.choosen .outer-star,
#group-list .favorite.choosen .inner-star {
    fill: gold;
}

main {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px !important;
}

#entries {
    height: calc(100vh - 200px);
    overflow-y: auto;
}
#search {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
}
.custom-property {
    border-left: 2px solid #c0c0c0 !important;
    padding-left: 10px;
    padding-right: 0;
}