#contact{
    transition: display 1s;
}


body{
    
    padding: 0;
    margin:0;
   background-color: rgb(24, 24, 24);
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
body::-webkit-scrollbar {
    display: none;
}
#mepdp{
    position:relative;
    width: 300px;
    border-radius: 100%;
    margin-left: calc((100% - 300px) / 2);
    margin-right: calc((100% - 300px) / 2);
}
.metitle,#contacttitle{
    color: rgb(80, 255, 255);
    font-size: 75px;
    text-shadow: 0px 0px 10px rgb(80, 255, 246);
    text-align: center;
}
#mebio{
    color: rgb(164, 221, 221);
    font-size: 20px;
    /*text-shadow: 0px 0px 6px rgb(80, 255, 246);*/
    text-align: justify;
    text-align-last: center;
    padding: 30px;
}
#maindiv{
    width: 100%;
    position: absolute;
    
    background: url("imgs/grid.png") repeat-x scroll center top;
    height:auto;
    background-size: cover;
}
#superdiv{
    width: 100%;
    height: 100%;
    position: fixed;
    overflow: hidden;
}

#flechedroite:hover,#flechegauche:hover{
    background: url('imgs/left.png'),rgba(255, 255, 255, 0.562);
    background-size:contain;
}
#flechegauche:active,#flechedroite:active{
    box-shadow: 0px 0px 10px rgb(80, 255, 246);
}

#flechegauche{
    position: fixed;
    left: 10px;
    top: calc(50% - 25px);
    width: 50px;
    height: 50px;

    background:url('imgs/left.png'), rgba(158, 158, 158, 0.432);
    border-radius: 100%;
    background-size:contain;

    transition: background 0.1s, box-shadow 0.1s;
}
#flechedroite{
    transition: background 0.1s, box-shadow 0.1s;
    position: fixed;
    right: 10px;
    top: calc(50% - 25px);
    width: 50px;
    height: 50px;
    transform: rotate(180deg);

    background:url('imgs/left.png'),rgba(158, 158, 158, 0.432) ;
    border-radius: 100%;
    background-size:contain;
}

#promyprotitle{
    color: rgb(80, 255, 255);
    font-size: 75px;
    text-shadow: 0px 0px 10px rgb(80, 255, 246);
    text-align: center;}


#protimeline{
    width: 5px;
    min-height: 100vh;
    position: relative;
    left: calc(50% - 2.5px);
    background-color: rgb(80, 255, 246);
    box-shadow: 0px 0px 15px rgb(80, 255, 246);
    margin-bottom:30px ;
    margin-top:30px ;
}

#mepage{
    min-height: 100vh;   
}