.portrait {
    margin-top: 1em;

}

.portrait img {
    width: 100%;
}

.portrait:not(.noCounter) img {
    cursor: pointer;
}

.portrait:not(.noCounter) img:hover {
    outline: rgb(80, 80, 80) solid 2px;
}

.portrait .counter {
    padding: 0 0.5em;
    float: right;
    font-weight: bold;
}

.preview {
    border: 4px cornflowerblue solid;
    display: none;
}

.preview img {
    width: 100%;
}

label {
    display: block;
}

.alerts .alert {
    display: none;
    position: fixed;
    bottom: 0;
    right: 0;
    margin: 2em;
}

h1 {
    display: inline-block;
}

a h1 {
    color: initial;
}

.buttons {
    display: block;
    float: right;
    margin: 1em;
}

.buttons>* {
    display: block;
    margin: 5px;
}

table.logs {
    width: 100%;
}

.groupPreview {
    width: 14em;
    margin: 1em 2em;
}

.groupsSelection {
    padding: 1em;
    margin: 2em;
}

.portraits, .groupsSelection {
    background-color: rgb(150,150,150);
    border-radius: 8px;
    padding: 1em;
}

blockquote {
    display: inline-block;
    font-style: italic;
}

header {
    margin-bottom: 2em;
}

.mainDiv {
    margin: 1em 0;
}

div.showMore {
    margin: 1em 0;
    display: none;
}

body>.container {
    padding-bottom: 5em;
}

.process img {
    width: 100%;
    margin-top: 1em;

}