/*!-- Nathan Moser, 19.01.2024*/
body,
html {
    margin: 0px;
    padding: 0px;
    background: url('../Nathan_Moser_image/IMG_20240101_134256.jpg') center center/cover fixed no-repeat;
    font-family: Arial, sans-serif;
}

.image-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.image-container img {
    width: 50%;
    height: auto;
    margin: 5px;
}

@media screen and (min-width: 768px) {
    .image-container {
        flex-wrap: wrap;
    }

    .image-container img {
        width: 40%;
        height: auto;
        margin: 50px;
    }

    body,
    html {
        margin: 10px;
        padding: 30px;
        background: url('../Nathan_Moser_image/IMG_20240101_134256.jpg') center center/cover fixed no-repeat;
        font-family: Arial, sans-serif;
    }

}

.box {
    background: rgb(255, 255, 255, 0.3);
    backdrop-filter: blur(1px);
    border-radius: 10px;
}

nav {
    background: rgba(22, 90, 142, 0.3);
    backdrop-filter: blur(5px);
    justify-content: space-around;
}

.nav-element {
    padding: 20px;
}

.menuActif {
    background: rgba(82, 150, 201, 1);
    padding: 20px;
}

.container {
    display: flex;
    flex: 1;
    justify-content: space-around;
    border-radius: 10px;
}

.container a {
    text-decoration: none;
    color: black;
}

h1 a {
    text-decoration: none;
    color: black;
}

nav a:hover {
    background-color: #ffffff7a;
    color: #000;
}

div ul li a {
    text-decoration: none;
    color: #232323;
}