/* Standard classes */

/* txt outline */
.txt-right {
    text-align: right;
}
.txt-left {
    text-align: left;
}
.txt-cntr {
    text-align: center;
}
.txt-justify {
    text-align: justify;
}

/* item outline */
.item-right {
    align-items: flex-end;
}
.item-left {
    align-items: flex-start;
}
.item-cntr {
    align-items: center;
}
.item-stretch {
    align-items: stretch;
}
.item-baseline {
    align-items: baseline;
}

/* justify outline */
.justify-right {
    justify-content: flex-end;
}
.justify-left {
    justify-content: flex-start;
}
.justify-cntr {
    justify-content: center;
}
.justify-between {
    justify-content: space-between;
}
.justify-around {
    justify-content: space-around;
}
.justify-evenly {
    justify-content: space-evenly;
}

/* text decoration */
.txt-deco-none {
    text-decoration: none;
}
.txt-deco-underline {
    text-decoration: underline;
}
.txt-deco-overline {
    text-decoration: overline;
}
.txt-deco-linethrough {
    text-decoration: line-through;
}
.txt-deco-dotted {
    text-decoration: dotted;
}
.txt-deco-dashed {
    text-decoration: dashed;
}
.txt-deco-double {
    text-decoration: double;
}
.txt-deco-wavy {
    text-decoration: wavy;
}

/* text color */


/* Buttons */

.btn {
    margin: 4px;
    color: black;
    padding: 8px 16px;
    border: none;
    border-radius: 15px;
    font-size: 16px;
    cursor: pointer;
    text-decoration: none;
    display: block;
    width: fit-content;
}

.btn-ctr {
    display: block;
    margin: 10px auto;
}

/* Colors */

.bg-s-db {
    background-color: #1e1e2f;
}
.bg-s-lb {
    background-color: #058dff;
}
.bg-s-dlb {
    background-color: #045fac;
}
.bg-s-ddb {
    background-color: #031e37;
}
.txt-s-lb {
    color: #27befd;
}