body{
    margin:0;
    padding:40px;
    background:
        radial-gradient(circle at top,#6d4d28,#2b1c10);
    font-family:Trebuchet MS,Arial,sans-serif;
}

/***************************
        LE POSTE RADIO
****************************/

.container{

    width:620px;
    margin:auto;

    background:
        linear-gradient(#8b5d33,#6b4324);

    border:12px solid #3d2412;

    border-radius:22px;

    box-shadow:
    0 20px 50px rgba(0,0,0,.55),
    inset 0 0 25px rgba(255,255,255,.12);

    padding:35px;
    color:#f6edd2;

    position:relative;
}

/***************/
/* Titre */
/***************/

h1{

    text-align:center;
    margin-top:0;

    font-size:34px;

    color:#ffe7a3;

    letter-spacing:3px;

    text-shadow:
    0 2px 3px #000;

}

/********************/
/* VU METRE */
/********************/

.container:before{

    content:"";

    display:block;

    height:95px;

    margin-bottom:25px;

    border-radius:12px;

    background:

    linear-gradient(#fff7d0,#f5e1a0);

    border:5px solid #b38d40;

    box-shadow:
    inset 0 0 15px rgba(0,0,0,.2);

}



/********************/
/* LABELS */
/********************/

label{

    display:block;
    margin-top:18px;
    margin-bottom:6px;

    color:#ffe7a3;
    font-weight:bold;

}

/********************/
/* CHAMPS */
/********************/

input,
textarea{

    width:100%;

    padding:12px;

    border:none;

    border-radius:8px;

    background:#efe7d3;

    font-size:16px;

    box-sizing:border-box;

    box-shadow:
    inset 0 2px 8px rgba(0,0,0,.25);

}

textarea{

    resize:vertical;

}

/********************/
/* BOUTON */
/********************/

button{

    display:block;

    width:120px;
    height:120px;

    margin:30px auto 0;

    border-radius:50%;

    border:8px solid #6d6d6d;

    background:

    radial-gradient(circle,#d9d9d9,#8d8d8d);

    color:#222;

    font-size:18px;

    font-weight:bold;

    cursor:pointer;

    box-shadow:

    inset -6px -6px 10px rgba(0,0,0,.3),

    inset 5px 5px 10px rgba(255,255,255,.6),

    0 8px 20px rgba(0,0,0,.45);

    transition:.25s;

}

button:hover{

    transform:rotate(8deg) scale(1.08);

}

button:active{

    transform:scale(.95);

}

/********************/
/* FEEDBACK */
/********************/

.feedback{

    padding:12px;

    border-radius:10px;

    margin-bottom:20px;

    text-align:center;

}

.feedback.success{

    background:#2b7a2b;
    color:white;

}

.feedback.error{

    background:#9b1f1f;
    color:white;

}/* CSS Document */