@font-face {
    font-family: 'Moogalator';
    src: url('/assets/font/MoogalatorFiller.ttf') format('truetype');
    /* or 'woff' or other formats */
}

a {
    text-decoration: none;
}

html {
    height: 100%h;
    width: 100%;
    margin: 0;
    overflow-x: hidden;
    overflow-y: hidden;
}


.baseIndex {
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}


.porte {
    background-color: rgba(240, 248, 255, 0);
    height: 500px;
    width: 400px;
    background-image: url(/assets/img/index/porte1.png);
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
}

.porte:hover  {

    background-image: url(/assets/img/index/porte2.png);     
}

.porte:hover .btnPorte{
    visibility: visible;
}

.btnPorte {
    display: flex;
    color: black;
    background-color: rgb(255, 230, 70);
    font-size: 30px;
    height: fit-content;
    width: fit-content;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    visibility: hidden;
}