*{
margin:0;
padding:0;
}

@font-face {
    font-family: 'pixel-regular' ;
    src: url('../a-fonts/BlockCraft.otf');
}
@font-face {
    font-family: 'pixel-bold' ;
    src: url('../a-fonts/PixelCode.woff2');
}




body {
background-color:rgb(0, 18, 55);
background-repeat: no-repeat;
background-size:cover;

}

h1.entrer {
    font-family:pixel-bold;
    display:flex;
    justify-content:center;
    align-items:center;

    height:100vh;
}

h1 {
    font-family: pixel-bold;
    text-align:center;
    font:normal 20px serif;
    margin:0;

}

h2 {
    font-family: pixel-bold;
    text-align:center;
}

h3 {
    font-family: pixel-bold;
    text-align:center;
}

h4 {
    font-family: pixel-bold;
    margin:0px;
}
p{
    font-family: pixel-regular;
    }

a:link {
    font-family: pixel-bold;
    color:rgb(255, 255, 255);
    text-decoration:none;
}

a:hover {
    font-family: pixel-bold;
    color:rgb(255, 0, 187);
    text-decoration:none;
}



div.container {
    font-family: pixel-bold;
    height: 100vh;

    display: flex;
    align-items: center;
    justify-content: center;
}


button.enter {
    font-family: pixel-bold;
    border-color:white;
    border-width:1px;
    border-radius:5px;
    color: white;
    background:black;
    padding:30px;
    width: 180px;


    display:flex;
    align-items: center;
    justify-content:center;
}

button.enter:hover {
    font-family: pixel-bold;
    border-color:rgb(153, 65, 255);
    border-width:1px;
    border-radius:5px;
    color: rgb(255, 0, 153);
    background:black;
    padding:30px;
    width: 180px;


    display:flex;
    align-items: center;
    justify-content:center;
}