section {
    display: flex;
    justify-content: space-between;
}

section h2 {
    text-align: center;
    padding-bottom: 16px;
    align-items: flex-start;
}

.article1, .article2 {
    margin-left: 20px;
    margin-right: 20px;
    width: 400px;
    background-color: #f1f1f1cc;
    height: 100%;
    padding: 24px;
    outline: 5px double;
    outline-offset: 6px;
    border-radius: 10px;
    margin-bottom: 60px;
    font-size: 1.2em;
}

#astrologie .article1, #astrologie .article2 {
    outline-color: #0663AB;
}

#cristal .article1, #cristal .article2 {
    outline-color: #9B31A3;
}

#tarot .article1, #tarot .article2 {
    outline-color: #CB0B2E;
}

.img-article {
    height: 100%;
}

.img-cliquable{

    margin-top: 60px;
    transition: 0.5s;  
    border: 10px solid black;
    /* https://codepen.io/Mamboleoo/pen/poyeymr pour la border image */
    border-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3ClinearGradient id='g' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23cffffe' /%3E%3Cstop offset='25%25' stop-color='%23f9f7d9' /%3E%3Cstop offset='50%25' stop-color='%23fce2ce' /%3E%3Cstop offset='100%25' stop-color='%23ffc1f3' /%3E%3C/linearGradient%3E %3Cpath d='M1.5 1.5 l97 0l0 97l-97 0 l0 -97' stroke-linecap='square' stroke='url(%23g)' stroke-width='3'/%3E %3C/svg%3E") 1; 
}


.img-cliquable:hover {
    transform: scale(1.2);
    border: 0px solid black;
    border-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3ClinearGradient id='g' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23cffffe' /%3E%3Cstop offset='25%25' stop-color='%23f9f7d9' /%3E%3Cstop offset='50%25' stop-color='%23fce2ce' /%3E%3Cstop offset='100%25' stop-color='%23ffc1f3' /%3E%3C/linearGradient%3E %3Cpath d='M1.5 1.5 l97 0l0 97l-97 0 l0 -97' stroke-linecap='square' stroke='url(%23g)' stroke-width='3'/%3E %3C/svg%3E") 1;
    box-shadow: 5px 5px 15px 5px #ff8080, -9px 5px 15px 5px #ffe488,
	-7px -5px 15px 5px #8cff85, 12px -5px 15px 5px #80c7ff,
	12px 10px 15px 7px #e488ff, -10px 10px 15px 7px #ff616b,
	-10px -7px 27px 1px #8e5cff, 5px 5px 15px 5px rgba(0, 0, 0, 0);
    border-radius: 10px;
}