.float-left {
    display: inline-block;
    float: left;
}

.float-right {
    display: inline-block;
    float: right;
}

.job-icon {
    max-width: 32px;
    max-height: 32px;
}

.job-illustration {
    max-width: 256px;
    max-height: 256px;

    border-radius: 15px;
    padding: 15px;

    border: 3px solid black;

    background-color: lightgrey;

    margin-right: 20px;
}

.adventure-illustration {
    max-width: 256px;
    max-height: 256px;

    margin-right: 10px;
}

.location-illustration {
    max-width: 512px;
    max-height: 512px;
    margin-right: 20px;
}

.adventure-icon {
    max-width: 32px;
    max-height: 32px;
}

.character-small {
    max-width: 128px;
    max-height: 128px;
    margin-right: 10px;

    border-width: 2px;
    border-color: grey;
    border-style: solid;
    padding: 2px;
}

.shop-item {
    max-width: 64px;
    max-height: 64px;

    margin-right: 15px;
}

.gold {
    width: 32px;
    height: 32px;
    margin: 2px;
}

.ressource-image {
    max-width: 32px;
    max-height: 32px;
    display: inline-block;
    float: left;

}

.banner {
    width: 100px;
    padding:0px;
}

.stat-invalid {
    border-style: solid;
    border-color: red;
    border-width: 2px;
}

.stat-valid {
    border-style: solid;
    border-color: green;
    border-width: 2px;
}

nav {
    padding-left: 15px;
    padding-right: 15px;
}

.small-button {
    padding: 0px;
}

.job-list-item {
    width: 10px;
}