* {
    line-height: 1.5;

    tab-size: 4;
    font-family: IBM Plex Sans, sans-serif;
    color: rgb(115 115 115)
}

.myAppContainer {

    background-image: url('assets/back.png');
    background-size: cover;
    background-position: right center;
    background-color: rgba(255, 255, 255, 0.9);
    background-blend-mode: lighten;

}

.myBar {
    background: #db79ad;
    background-image: linear-gradient(90deg, #fff7f3, #fcedf9, #fbb5bc, #fcafe6, #ee66b7, #fc5ecc, #ff00af);
    color: #99037c;
    position: relative;
    height: 50px;
    text-align: 'center';

}


.brand {
    position: absolute;
    right: 50%;
    margin-right: -50% !important;
    /* 50% of your logo width */
    display: block;
    padding-right: 10px;
    color: rgb(255 255 255)
}

.myTextOv {
    text-overflow: ellipsis;



}

.myButton {
    background-color: #fcafe6;
    color: rgb(115 115 115);
    border: none;
    /*border-color: rgb(115 115 115);*/
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}

.myButton:hover {
    background-color: #555555;
    color: white;
}

.myButton:focus {
    background-color: #555555;
    color: white;
}