.letter {
    min-width: 60px;
    margin: 2px;
}

body::before {
    background: url('../bgs/paper.png') no-repeat center center fixed;
    background-size: cover;
    /*filter: blur(10px);*/
    opacity: 0.25;
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.webp body.bg-table::before {
    background-image: url('../bgs/webp/table.webp');
}

.no-webp body.bg-table::before {
    background-image: url('../bgs/table.png');
}

.webp body.bg-tree::before {
    background-image: url('../bgs/webp/tree.webp');
}

.no-webp body.bg-tree::before {
    background-image: url('../bgs/tree.png');
}

.webp body.bg-flags::before {
    background-image: url('../bgs/webp/flags.webp');
}

.no-webp body.bg-flags::before {
    background-image: url('../bgs/flags.png');
}

.webp body.bg-paper::before {
    background-image: url('../bgs/webp/paper.webp');
}

.no-webp body.bg-paper::before {
    background-image: url('../bgs/paper.png');
}

.webp body.bg-books::before {
    background-image: url('../bgs/webp/books.webp');
}

.no-webp body.bg-books::before {
    background-image: url('../bgs/books.png');
}

.my-card {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.bi-rotate-90:before {
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(00deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg);
}

.m {

}
.m .w {
    vertical-align: middle;
    display: inline-block;
    font-size: 200%;
}
.m .f {
    vertical-align: middle;
    display: inline-block;
}
.m .f .u {
    display: block;
}
.m .f .d {
    display: block;
    border-top: 3px solid white;
}
label.btn .m .f .d {
    border-top-color: var(--bs-btn-color);
}
.btn-check:checked+.btn .m .f .d {
    border-top-color: var(--bs-btn-active-color)    ;
}