@import  './rootColor.css';

.titre{
    border-radius: 20px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    color: var(--color1);
    text-align:center;
    background-color: var(--color4);
    -webkit-text-stroke:  1px var(--color5);
}
.explication{
    border: 5px solid var(--color5);
    background-color: var(--color3);
    border-radius: 20px;
    width: 50%;
    text-align: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}
.presentation{
    color: var(--color1);
    text-align:center;
}

.text_center{
    color: var(--color1);
    text-align: center;
}

.div_center{
    border-radius: 20px;
    color: var(--color1);
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    justify-content: center;
}

.connect{
    margin-top:50px;
    margin-left:50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-decoration: none;
    padding: 10px;
    font-size: 1em;
    color: var(--color2);
    background-color: var(--color5);
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;

}
.connect:hover {
    padding: 10px;
    background-color: var(--color4);
    border-radius: 24px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
}