body
{
    background: #373b40;
    color:white;
    font-family: 'Poppins', sans-serif;
}
*
{
    color:white;
    font-family: 'Poppins', sans-serif;
}
header
{
    
    background: url('https://wallpapermemory.com/uploads/596/grand-theft-auto-san-andreas-gta-sa-wallpaper-hd-1080p-72710.jpg');
    background-size: cover;
    background-position: center;
    border-radius: 10px;
}
.header
{
    backdrop-filter: blur(3px);
    margin: 20px 0;
    padding: 0 45px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    text-shadow: 1px 1px #5a5a5a;
    width: 100%;
    height: 260px;
    background: #0000006b;
}
header>.header>.logo
{
    font-size:5rem;
    color:white;
}
header>.header>.logo>span
{
    font-size:45px;
    color:#adadad;
}
header>.header>p
{
    font-size:18px;
    padding:0;
    margin:0;
}
h1
{
    font-size: 2rem;
}
.content
{
    background: #585d65;
    border: 1px solid #4e4e4e;
    border-radius: 10px;
    padding: 15px;
}
.list
{
    margin-bottom: 20px;
}
input,textarea, select
{
    width: 100%;
    background-color: #373b40 !important;
    color: #dfdfdf !important;
    border-color: #000000 !important;
}
select
{
    width: 50px !important;
    margin-bottom: 10px;;
}
button
{
    color: #dfdfdf !important;
    border-color: #000000 !important;
    background-color: #2c2e31 !important;
}
.btn-primary
{
    background-color: #373b4066 !important;
    color: #dfdfdf !important;
    border-color: #000000ab !important;
}
.page-link
{
    background-color: #373b40;
    color:white;
    border-color: #000000 !important;
    padding: 0.15rem .57rem;
    min-width: 2rem;
    text-align: center;
}
.page-link:hover
{
    background-color: #4c5157;
    color:white;
    border-color: #000000 !important;
}
.card
{
    background: #292929;
    width: 18rem;
    border: 2px solid #4e4e4e;
    border-radius: 15px;
    height: 200px;
}
.card>.card-body
{
    border-radius: 13px;
    background-size: cover !important;
    background-position: center !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-shadow: 1px 1px #4e4e4e;
}
.card .card-title
{
    font-size: 1rem;
}
.modal-content
{
    background-color: #585d65;
}
.modal-header
{
    border-bottom: 1px solid #414141;
}
.modal-footer
{
    border-top: 1px solid #414141;
}
.modal-content img
{
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    background: url('https://freepikpsd.com/wp-content/uploads/2019/10/fond-png-8-Transparent-Images.png');
}
footer .container
{
    padding: 15px;
    text-align: right;
}
footer .container a
{
    color: gray;
    text-decoration: none;
}
#fullImage>img
{
    width: 100%;
}
.disabled
{
    cursor: not-allowed;
    opacity: 0.5;
}
.page-item.active .page-link
{
    background-color: #1b1b1b;
}
.showing_limit
{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.showing_limit>select
{
    margin: 0 5px;
    width: auto !important;
    padding: 1px 5px;
}

/* 404 */

.p404
{
    width: 100%;
    height: 50vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    background: #585d65;
    border-radius: 10px;
}
.p404>div
{
    text-align: center;
}
.p404 a
{
    text-decoration: none;
    font-size: 1rem
}

.navbar
{
    margin-bottom: 20px;
    border-radius: 10px;
    background-color: #585d65 !important;
}
.nav-link
{
    color:white !important;
}

a{
    color: #c2c2c2 !important;
    text-decoration: none !important;
}

a:hover{
    color: white !important;
}

/* Alerts */

.alert
{
    font-size: 0.9rem;
}

.alert-info {
    color: #bdbdbd;
    background-color: #373b40;
    border-color: #383838;
    border-radius: 0;
}

.alert-danger {
    color: #c86971 !important;
    background-color: #442427 !important;
    border-color: #5f2f34 !important;
}

/* Forms */

.form-text {
    margin-top: .25rem;
    font-size: .875em;
    color: #a7a7a7;
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #dc3545 !important;
}

.error
{
    color: #ff818d !important;
}


.removeTexture
{
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    color: #c86971 !important;
    background-color: #442427c4 !important;
    border-color: #5f2f34 !important;
    font-size: .75rem !important;
}

.saveTexture
{
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    color: #69c884 !important;
    background-color: #244433c4 !important;
    border-color: #1c4322 !important;
    font-size: .75rem !important;
}

.discord
{
    background: #738ad5;
    border-radius: 5px;
    color: white !important;
    padding: 5px 15px;
    margin-top: 10px;
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: none;
}