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

.nav {
    width:30rem;
    margin-left:10rem;
    margin-top: 4rem;
    text-align: center;
  font-family: var(--fira-sans);
}

.nav__h1 {
    font-size: xx-large;
    color: var(--clr-white);
    text-shadow: 1px 1px 20px var(--clr-orange);
}
.nav__h2 {
    font-size: xx-large;
    color: var(--clr-orange);
    text-shadow: 1px 1px 20px var(--clr-white);
}

/* Formulaire back */

.add{
display: flex;
flex-direction: row;
align-items: center;
gap: 4rem;
}

.add__movie{
 display: flex;
 flex-direction: column;
}

.form{
    width:30rem;
    margin-left:15rem;
    margin-top: 3em;
    display: flex;
    flex-direction: column;
}

.form__title {
    height: 1.5em;
  font-family: var(--fira-sans);
    font-size: xx-large;
    color: var(--clr-white);
    text-shadow: 1px 1px 20px var(--clr-red);
    border-bottom-style:solid;
    border-width: 1px;
}

.form__input{
    display: inline-block;
    height: 2rem;
    margin-top: 1rem;
  font-family: var(--fira-sans);
    font-size: medium;
    border-style: none;
}
.form__submit{
    margin-top: 1rem;
  font-family: var(--fira-sans);
    background-color:var(--clr-red);
    color:var(--clr-white);
    border-radius: 50px;
    text-transform: uppercase;
}

.form__submit:active{
    background-color:var(--clr-dark-red);
  }

  .form_cate {
    margin: 1rem 0;
    font-size: xx-large;
  font-family: var(--fira-sans);
    color: var(--clr-white);
    text-shadow: 1px 1px 20px var(--clr-red);
}

.form_categories{
    padding: 0.2rem 0.5rem;
  font-family: var(--fira-sans);
    color: var(--clr-dark);
    cursor: pointer;
    transition: 0.1s;
  }

  .add__profile{
    display: flex;
    flex-direction: column;
  }