* {
    box-sizing: border-box;
}

@font-face {
    font-family: 'Pixellari';
    src: url('../fonts/Pixellari.ttf');
    src: url('../fonts/Pixellari.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Pixellari.woff2') format('woff2'),
        url('../fonts/Pixellari.woff') format('woff'),
        url('../fonts/Pixellari.svg#Pixellari') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

body {
    background-image: url("../images/fond\ 2\ Agent\ Arjean.png");
    background-size: cover;
}

.bouton-continuer {
    position: relative;
    width: 24%;
    height: auto;
    margin-bottom: 3.5%;
    margin-left: 37.6%;
    margin-top: 6%;
}

.bouton-continuer:hover {
    cursor: pointer;
}

article {
    width: 80%;
    margin-left: 10%;
}

.typewriter {
    overflow: hidden;
    margin: 0 auto;

}

h2 {
    color: #ffffff;
    font-family: 'Pixellari';
    text-align: center;
    font-size: 2em;
}

p {
    color: #ffffff;
    font-family: 'Pixellari';
    font-size: 1.4em;
    letter-spacing: .15em;
}

footer {
    position: absolute;
    font-family: 'Pixellari';
    color: white;
    top: 95%;
    font-size: 0.8em;
}


@keyframes blink-caret {

    from,
    to {
        border-color: transparent
    }

    50% {
        border-color: #fff;
    }
}