.mainBloc{
    background-color: rgba(74, 74, 74, 0.5);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(240,36,240,1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(240,36,240,1);
    box-shadow: 0px 0px 20px 0px rgba(240,36,240,1);
    border-radius:25px;
}
#voyante{
    margin-top:25px;
}
form input {
    font-family: arial;
}
h1{
    font-weight:bold;
}
body{
    color:white;
    font-family: 'Cinzel', serif;
    font-size:22px;
    background: url("../img/background2.jpeg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
header{
    color : white;
    font-size:30px;
}
#bloc-phone{
    margin-top: 15px;
}
.error-bloc{
    font-size:14px;
    margin-top:30px;
}
body input{
    color : black;
}
body textarea{
    color : black;
}
footer center{
    margin-top: 25px;
}
button{
    background-color: purple;
}
#btn3{
    margin-top:25px;
}

body hr{
    border-top: 1px solid #FE00AC;
}
#btn3{
    background-color : purple;
    color:white;
}

.marge{
    font-size: 15px;
}
.birthblock{
    margin-bottom:100px;
}

#domain{
    margin-bottom: 25px;
    margin-top:25px
}
#btn1{
    font-size:50px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(240,36,240,1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(240,36,240,1);
    box-shadow: 0px 0px 10px 0px rgba(240,36,240,1);
}

#domain .text_question{
    margin-bottom: 20px;
}
@media all and (max-device-width: 980px) {
    

    h1{
        font-size:75px;
    }

    body .mainBloc{
        font-size:50px;
    }
    


    body #bloc1 input[type=radio]{
        border: 0px;
        width: 100%;
        height: 2em;
        background-color:red;
    }

    #dateofbirth{
        width:275px;
    }
    .marge{
        font-size:30px;
    }



    body form select{
        font-size:75px;
    }

}

@media all and (min-device-width: 1024px) and (max-device-width: 1440px){
    #voyante{
        
    }
}