* {
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
    outline: 0;
}

img {
    max-width: 100%;
}

html {
    font-size: 62.5%;
}

body {
    font-size: 1.4rem;
    font-family: Arial, sans-serif;
    text-align: center;
}

main {
    height: 100vh;
    display: grid;
    justify-items: center;
    align-content: start;
    grid-gap: 2vh;
    grid-template-rows: auto 1fr 3fr;
}

    header {
        background: #eb2553;
        padding: 2vh 0;
        width: 100%;
    }

    .logo {
        width: 20rem;
    }

.steps {
    text-align: left;
    display: grid;
    grid-gap: 2vh;
    align-self: end;
}

    .steps p {
        font-weight: 700;
    }

        .steps p span {
            color: #fff;
            background: #eb2553;
            border-radius: 100px;
            padding: 2px 7px;
            margin-right: 2vw;
        }

footer {
    display: grid;
    justify-items: center;
    grid-gap: 2vh;
    padding: 2vh 0;
}

    .int {
        width: 10rem;
    }

    .menuFooter {
        display: grid;
        grid-gap: 2vh;
    }

        footer a {
            font-size: 1.2rem;
            font-weight: 700;
            text-decoration: none;
            text-transform: capitalize;
            color: #585858;
            padding: 2vh;
        }

/* form */
form {
    display: grid;
    justify-items: center;
    align-content: start;
    grid-gap: 2vh;
    width: 100%;
    padding: 0 4vw;
}

#submitBtn {
    font-size: 3.5rem;
    padding: 2vh;
    width: 90%;
}

#submitBtn:disabled {
    background: #929292;
    color: #fff;
    border: #fff solid 1px;
    border-radius: 20px;
}

#submitBtn:enabled {
    border-radius: 20px;
    /* border: solid #000 2px; */
    background: #eb2553;
    color: #fff;
    border: 0;
}

#enter {
    font-size: 1.4rem !important;
}

#phoneNumber{
    font-size: 3rem;
    border-radius: 50px;
    text-align: center;
    padding: 2vh 0;
    width: 100%;
    letter-spacing: 2px;
}
#phoneNumber::placeholder{
    color:lightgrey;
}
#phoneNumber:invalid{
    border: 5px solid red;
}
#phoneNumber:valid{
    border: 5px solid green;
}

#error{
    color: red;
}

.tarif {
    font-size: 1.2rem;
    font-weight: 700;
}