.main-menu {
    display: flex;
    flex-wrap: wrap;
	justify-content: center;
	gap: 1.5rem;
    padding: 1rem;
    text-align: center;
}

.apropos-menu {
    background-color: var(--blue-color);
    transform: rotate(3deg);
}

.blog-menu {
    background-color: var(--yellow-color);
    transform: rotate(-3deg);
}

.boutique-menu {
    background-color: var(--red-color);
    transform: rotate(3deg);
}

.galeries-menu {
    background-color: var(--blue-color);
    transform: rotate(-3deg);
}

.coloriages-menu {
    background-color: var(--yellow-color);
    transform: rotate(3deg);
}

.abonnements-menu {
    background-color: var(--red-color);
    transform: rotate(-3deg);
}

.apropos-menu,
.boutique-menu,
.blog-menu,
.galeries-menu,
.abonnements-menu,
.coloriages-menu {
    display: flex;
	color: whitesmoke;
	font-size: 1.5rem;
	text-align: center;
    align-items: center;
    justify-content: center;
    box-shadow: -10px -5px 8px var(--shadow-color);
    padding: 1rem;
    width: 10%;
    transition: transform 0.2s;
    &:hover,
    &:focus-within {
        transform: scale(1.1);
        box-shadow: 0 0 10px 5px var(--shadow-color);
    }
}

/*@media (width <= 1450px) {
    .main-menu {
        display: flex;
        flex-wrap: wrap;
    }

}*/