body {

}

main {
    margin: 10%;
    text-align: center;
}

button {
    font-family: roboto;
    border: 2px solid #046b5b ;
    border-radius: 36px;
    color: #94d5eb;
    background-color: #046b5b;
    height: 50px;
    margin-top: 10%;
}

.sendMail button {
    border: 2px solid #94d5eb ;
    color: #046b5b;
    background-color: #94d5eb;
}

h2 {
    font-family: akkurat;
    font-size: 36px;

    color: #94d5eb;
}

p {
    font-family: akkurat;
    font-size: 25px;
    color: #046b5b;
    
}

label {
    color: #046b5b;
    font-family: akkurat;
}

input {
    background-color: #94d5eb;
    border: 0.01vw solid #046b5b;
}

img {
    max-width: 70%;
}

section {
    border: 2px solid #046b5b;
    border-radius: 35px;
    background-color: #046b5b;
    padding: 5% 15%;
    margin-top: 5%;

    
    
}

.informations {
   border: 2px solid #94d5eb;
   background-color: #94d5eb;
   border-radius: 23px;
   padding: 7%;

   
   

}

.image-page {
    max-width: 100%;
}

.compte button {
    width: 30%;
}

.paiement button {
    width: 30%;
}

.facturation button {
    width: 30%;
    
}

.facturation img {
    display: flex;
    justify-content: center;
    max-width: 100%;
    margin-bottom: 7%;
}

.image-facturation {
    max-width: 100%;
}



/* Tablette*/
@media screen and (max-width: 800px) {

    

    img {
        display: flex;
        justify-content: center;
        align-items: center;
        max-width: 600px;
    }
    
}

/*Téléphone*/
@media screen and (max-width: 612px ) {

    body {
    }

    img {
        display: flex;
        justify-content: center;
        align-items: center;
        max-width: 450px;
    }

    button {
        max-width: 17vw;
    }

    



}