.frmcontact{
    width: 75%;
    margin: 0 auto;
}
/*Form contact*/
.compoment{
    display: flex;
    justify-content: space-between;
    padding: 6px;
    margin: 7px;
}
.compoment input,.compoment select{
    width: 65%;
    border: none;
    border-radius: 5px;
    font-size: 1.2em;
    background: #3335;
    border-bottom: 1px solid;
    transition: .7s;
    padding: 2px;
    color: #FFF;
}
.compoment label{
    margin-left: 2.2em;
    color: #FFF;
}
.compoment input:not(:placeholder-shown){
    background: #FFF;
    color: #000;
}
.compoment textarea{
    width: 75%;
    border: none;
    border-radius: 5px;
    font-size: 1.2em;
    resize: none;
}
.compoment input:focus{
    background: #FFF;
}
.compoment:has(button){
    justify-content: end;
}
.compoment button{
    border: none;
    background: linear-gradient(var(--SecondaryColor),#888);
    color: #FFF;
    padding: 5px;
    border-radius: 7px;
    align-self: end;
    width: 250px;
}
.form-container{
    width: 50%;
    margin: 0 auto;
    background:var(--PrimaryColor);
    color: #FFF;
    border:2px solid var(--SecondaryColor);
    padding: .3em;
}