.mainBloc{
    display:flex;
   width: 80%;
   gap: 5rem;
    flex-direction: column;
    padding: 3rem 2rem;
    max-width: 50rem;
}

.bloc{
    display:flex;
    flex-direction: column;
    gap: 2rem;
}

main{
    display:flex;
    align-items: center;
    justify-content: center;
    background: #E7ECFF;
}

p{

        font-family: "Satoshi Variable";
       
        hyphens: none;
        font-size: 1rem;
        font-style: normal;
        font-weight: 500;
        line-height: 2rem;
        letter-spacing: 0.03rem;
      
}

h1{
    align-self: center;
}

@media(max-width:400px){
    .mainBloc{
        width:97%;
    }
}

@media(max-width:300px){
    .mainBloc{
        width:100%;
    }
}

h2{
    color: #2C10BB;
}

#presentationButtons{
    align-items: center;
    justify-content: center;
    width: 100%;
}