/* Imports */
@import "page.css";
@import "flexbox.css";
@import "text.css";
@import "icons.css";
@import "fields.css";
@import "menu.css";
@import "modals.css";
/* Variables */
:root {
    --text: black;
    --page-bg: #ccc ;
    --page-content-bg: white;
    --page-content-shadow: white;
    --menu-bg: white;
    --menu-color: #3a6aa0;
    --success-color: #1fa03d;
    --warn-color: #e2c827;
    --error-color: #b83c3c;
}
/* Main Style */
* {
    -webkit-print-color-adjust: exact !important; /* Chrome, Safari, Edge */
    color-adjust: exact !important; /*Firefox*/
    box-sizing: border-box;
}
body {
    font-size: 9pt;
    color: var(--text);
    font-family: 'Macondo', cursive;
}

/* Main Picture */
#main_picture{
    position: relative;
    width: 12cm;
    height: 12cm;
    margin:0;
    padding:0;
}
.cadre {
    background-size: 100% 100% !important;
    height: 13.5cm;
    width: 14.25cm;
    position: relative;
    top: -0.8cm;
    left: -1.2cm;
}
.darken {
    background: rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0.5cm 0.5cm rgb(0 0 0 / 20%);
}

.personnage_image {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-image: url(../images/personnage.png);
}


/* Misc */
.invisible{
    opacity: 0;
}
.no-pad{
    padding: 0;
}
.pad-02 {
    padding: 0.2rem;
}

.pad-t-00{
    padding-top: 0;
}
.pad-r-02,
.pad-h-02 {
    padding-right: 0.2rem;
}
.pad-l-02,
.pad-h-02 {
    padding-left: 0.2rem;
}
.pad-b-02{
    padding-bottom: 0.2rem;
}
.pad-b-05{
    padding-bottom: 0.5rem;
}

.bold{
    font-weight: bold !important;
}
.bolder{
    font-weight: bolder !important;
}
.mt-1{
    margin-top: 1em;
}
.mt-2{
    margin-top: 2em;
}