/*****--**--****-|ACCUEIL|-****--**--*****/
    #accueil{
        height: 100dvh;
        width: 100vw;
    }

    #accueil nav{
        position: absolute;
        bottom: 10dvh;
        left: 25px;
        display: flex;
        flex-direction: column;
    }

    #accueil nav a, #accueil #contact a{
        color: black;
        padding: 4px 0;
        font-size: 24px;
        font-family: karrik;
    }

    #accueil nav a:hover, #accueil #contact a:hover{
        color: white;
        background-color: black;
    }

    #accueil #contact{
        position: absolute;
        bottom: 21px;
        right: 25px;
        display: flex;
        flex-direction: column;
        text-align: right;
    }

    #accueil #rs{
        position: absolute;
        top: 21px;
        right: 25px;
        display: flex;
        text-align: right;
        display: flex;
        flex-direction: column;
    }

    #accueil #rs svg{
        width: 76px;
        margin: 6px 0;
    }

    #accueil #rs a:hover svg path,#accueil #rs a:hover svg ellipse{
        fill: white!important;
    }

    #accueil #titre{
        position: relative;
        top: 39dvh;
        margin: auto;
        width: fit-content;
    }

    #accueil #titre h1{
        margin: 0;
        font-size: 66px;
        font-weight: 100;
        font-family: karrik;
        font-weight: 600;
    }

    #accueil #titre h2{
        font-size: 31px;
        font-weight: 400;
    }

    #accueil #titre #salut{
        font-size: 29px;
    }

    #accueil nav #chamowthegame{
        opacity: 0;
    }

    #accueil nav #chamowthegame:hover{
        opacity: 1;
    }

    #accueil nav #navfooter{
        display: none;
    }

    /*****--**-----*****--|ACCUEIL TABLETTE|-*****-----**--****/
        @media screen and (max-width: 960px){
            #accueil nav a, #accueil #contact a{
                padding: 8px 0;
                font-size: 29px;
            }

            #accueil #titre {
                position: absolute;
                top: 15dvh;
                left: 3dvh;
            }

            #accueil nav {
                bottom: 25dvh;
            }

            #accueil nav #chamowthegame{
                color: white;
                background-color: black;
                opacity: 1;
            }
        }
    /*****--**-----*****--|ACCUEIL TABLETTE|-*****-----**--****/

    /*****--**-----*****--|ACCUEIL MOBILE|-*****-----**--****/
        @media screen and (max-width: 576px){
            #accueil #contact{
                display: none;
            }

            #accueil #titre{
                color: white;
                top: 16svh;
                left: 25px;
            }

            #accueil #titre h1{
                font-size: 14vw;
            }

            #accueil #titre h2{
                font-size: 26px;
            }

            #accueil #rs{
                right: 13px;
            }

            #accueil #rs a svg{
                fill: white!important;
            }

            #accueil nav{
                width: calc(100% - 50px);
                bottom: 25px;
            }

            #accueil nav a, #accueil #contact a{
                color: white;
                margin: 3px;
                font-size: 26px;
            }

            #accueil nav #navfooter{
                display: block;
                background-color: hotpink;
            }

            #accueil nav #navfooter, #accueil nav #chamowthegame{
                text-align: center;
            }
        }
    /*****--**-----*****--|ACCUEIL MOBILE|-*****-----**--****/
/*****--**--****-|ACCUEIL|-****--**--*****/