:root{
    --app-them:#d4145a;
    --app-second-them:#000000;
    --app-color:#020536;
    --app-sombre: #7a92b5;
    --slde-bar-theme:#FA9917;
    --color-link-bg: #3498db1f;
    --color-link: #FA9917;
    --text-color-1:#020536;
    --text-color-2:#020536;
}
.bg-app{
    background-color: var(--app-them) !important;
}
.color{
    color: var(--app-color)!important;
}
.app-them-2{
    background-color: var(--app-color) !important;
}
.bg-app-variation{
    background-color: var(--app-second-them) !important;
}
.slide-bar-them{
    background-color: var(--slde-bar-theme);
}
.avatar{
    border: 4px solid var(--app-color);
}

.beauty-btn-gradiant{
    background: linear-gradient(to top right, #ff5263 0%, #ff7381 35%, #fcbd01 100%);
    border-style: none;
}
.beauty-btn{
    background: linear-gradient(to top right, #dc3545 10%, #dc3545 35%, var(--app-color) 100%);
    border-style: none;
}
.bg-error{
    width: 100% !important;
    padding: 10px;
    text-align: center;
    color: red;
    background-color: #ffe6e5;
}
.marger{
    margin-top: 20px;
}
.custom-select{
    width: 50% !important;
}
#creator label{
    font-weight: normal!important;
    margin-bottom: 10px;
    color: #777777;
}