﻿
body {
    background-image: url('/pictures/background.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}

body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/pictures/background.png');
    background-size: cover;
    background-position: center;
    filter: blur(8px);
    z-index: -1;
}

/*
    MAIN LAYOUT :
    Permet de positionner la navbar eau-dessus du header sous une certaines largeur d'�cran (850px)
*/

@media (max-width: 850px) {
    .responsive-layout {
        flex-direction: column !important;
    }

    .responsive-navbar {
        width: 100% !important;
        min-width: auto !important;
    }

    .responsive-content {
        margin-left: 0 !important;
    }
}