@import '../client/css/base.css';

body {
    background-color: var(--clr-dark);
}

.backoffice{
    margin: 0;
    padding: 0;
    padding-top: 3rem;
    padding-bottom: 3rem;
    font: var(--ff-sans);
}

.backoffice__nav {
    width:30rem;
    margin-top: 4rem;
    margin-left:15rem;
    text-align: center;
}

.backoffice__nav h1 {
    font-size: xx-large;
}

.backoffice__nav h1,
.backoffice__nav h2{
    margin: 0;
    margin-top: 2rem;
    color: var(--clr-orange);
    font-family: var(--ff-movie);
}

.backoffice__form--add,
.backoffice__form--delete, 
.backoffice__form--addprofile, 
.backoffice__form--deleteprofile,
.backoffice__form--deleteshowcase,
.backoffice__form--addshowcase{
    display: flex;
    flex-direction: column;
    width:30rem;
    margin-top: 3em;
    margin-left:15rem;
    font-family: var(--ff-sans);
    input{
        display: inline-block;
        height: 2rem;
        margin-top: 1rem;
        border-style: none;
        color:var(--clr-dark);
        font-size: medium;
    }
    .btn {
        margin-top: 1rem;
        margin-left: 0;
        padding: .5rem;
        background-color: var(--clr-orange);
        color: var(--clr-white);
    }
    .title{
        height: 1.5em;
        margin: 0;
        border-width: 1px;
        border-bottom-style:solid;
        color:var(--clr-orange);
    }
}

.selectcategoryback,
.selectprofile,
.selectprofileback,
.addshowcase,
.removeshowcase{
    display: inline-block;
    height: 2rem;
    margin-top: 1rem;
    border-style: none;
    font-size: medium;
}