// main: ./pokemon.less
.pokemon.sheet.characterSheet {
    .window-content {
        background: #c00d0d;
        color: white;
        width: 100%;
        height: 100%;

        @import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
        font-family: "VT323", Arial, Helvetica, sans-serif;
    };

    .headerBox {
        float: left;
        width: 100%;
        height: 100px;

        display: flex;
        justify-content: flex-start;
    };

    .charInfo {
        width: 500px
    }

    .inputText {
        background-color: #30da0c;
        color: black;
        border: black;

        box-shadow: 0 0 20px #003300 inset;
        -webkit-box-shadow: 0 0 20px #003300 inset;
        -moz-box-shadow: 0 0 20px #003300 inset;
        -o-box-shadow: 0 0 20px #003300 inset;

        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -o-border-radius: 10px;
    }

    .bigInputText {
        font-size: 21px;
        font-weight: 600;

        padding-left: 10px;
        padding-right: 10px;
        padding-top: 20px;
        padding-bottom: 20px;

        margin-bottom: 5px;
    }

    .smallInputText {
        font-size: 14px;

        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;

        margin-top: 5px;
        width: 60%;
    }

    .invisibleInput {
        background: transparent;
        color: inherit;
        text-align: inherit;
        font-size: inherit;
        padding: 0px;
    }

    .advancementBox {
        margin-left: 20px;
    }

    .lvlBox {
        width: 60px;
        height: 60px;
        background-color: #30da0c;
        color: black;
        border: black;

        box-shadow: 0 0 20px #003300 inset;
        -webkit-box-shadow: 0 0 20px #003300 inset;
        -moz-box-shadow: 0 0 20px #003300 inset;
        -o-box-shadow: 0 0 20px #003300 inset;

        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -o-border-radius: 10px;

        margin-bottom: 10px;
        padding: 5px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        text-align: center;
    }

    .lvlValue {
        font-size: 25px;
    }

    .expBox {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 80px;
        height: 30px;
        background-color: #30da0c;
        color: black;
        border: black;

        box-shadow: 0 0 20px #003300 inset;
        -webkit-box-shadow: 0 0 20px #003300 inset;
        -moz-box-shadow: 0 0 20px #003300 inset;
        -o-box-shadow: 0 0 20px #003300 inset;

        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -o-border-radius: 10px;

        padding-left: 5px;
        padding-right: 5px;
    }

    .expValue {
        text-align: center;
    }


    .sideBarBox {
        float: left;
        width: 185px;
        min-height: 500px;
        border-left-width: 18px;
        border-right-width: 18px;
        border-top-width: 21px;
        border-bottom-width: 52px;
        border-style: solid;
        margin-top: 3px;
    };

    .menuBox {
        float: left;
        width: 400px;
        height: 26px;
        position: relative;
    };

    .contentBox {
        float: left;
        width: 430px;
        min-height: 500px;
    };

    // .imgBox {
    //     float: left;
    //     width: 135px;
    //     height: 175px;
    //     position: relative;
    //     margin-left: 8px;
    //     margin-top: 10px;
    //     margin-bottom: 3px;
    //     border: 3px #e99d76 solid;
    // };
    // .charImg {
    //     width: 100%;
    //     height: 100%;
    //     object-fit: cover;
    // };
    // .imgOverlay {
    //     width: 135px;
    //     height: 210px;
    //     position: absolute;
    //     top: -3px;
    //     left: -3px;
    //     background-image: url(assets/img/imageBorder.png);
    //     pointer-events: none;
    // };
}