/*
*{
    border:1px solid white;
}
*/
.contacts{
    font-size: 25px;
}
.contacts label{
    padding:10px;
} 
.champ {
    padding:10px;
    display: flex;
    flex-direction: row;
    justify-content: baseline;
    align-items: center;
    max-width: 100%;
    flex-wrap: wrap;
}
.champ2 {  
    align-items:flex-start;
}
.champ3 {  
    justify-content: center;
}
input , textarea{
    padding:10px;
    border-radius: 15px;
    font-size: 18px;
}
textarea{
    width: 70%;
   
}
label {
    width:150px;
    font-family: 'Poppins';
    font-style: italic ;
   
}
input[type="text"]  ,input[type="email"]{
    padding:10px;
    width:250px;
   max-width: 100%;
    
}
input[type="text"]:hover ,input[type="email"]:hover , textarea:hover{
    box-shadow: #111 0px 5px 15px ; 
}

input{
    width:200px;
    padding:5px;
}
#bouton {
    
    background-color: #333;
    color:white;
    padding:10px;
    margin:10px 0;
    font-size: larger;
    border-radius: 20px;
    max-width: 100%;
    width:max-content;
  
}




#bouton:hover{
    background-color: #6ed3d9;
    color: #333;
}
@media screen and (max-width: 600px) {
    .contacts {
        width:100%;
        margin: 0;
    }
    .champ{
        padding:0px;
        margin:0;
    }
    fieldset{

        max-width: 100%;
        margin: 20px 1%
    }
    input , textarea{
        padding:1px;
        margin:10px 0;   
        max-width: 100%;
    }
    .contacts label{
        padding:1px;
    }
    textarea{
        width: 100%;
       
    }
}