*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-align: center;
}
html, body {
    margin: 0;
    min-height: 100vh;
}

.full-background {
    min-height: 100vh;
    
}

.full-background[data-type="rouge"]{

    background: #fbf83f;
    background: radial-gradient(circle, rgba(251, 248, 63, 1) 0%, rgba(252, 70, 70, 1) 100%);

}
.full-background[data-type="vert"]{

    background: #3ffb6b;
    background: radial-gradient(circle, rgba(63, 251, 107, 1) 0%, rgba(249, 252, 70, 1) 100%);

}
.full-background[data-type="jaune"]{

    background: #fb773f;
    background: radial-gradient(circle, rgba(251, 119, 63, 1) 0%, rgba(232, 177, 14, 1) 100%);

}
.full-background[data-type="bleu"]{

    background: #423ffb;
    background: radial-gradient(circle, rgba(66, 63, 251, 1) 0%, rgba(14, 228, 232, 1) 100%);

}

.full-background[data-type="mauve"]{

    background: #d90f63;
    background: radial-gradient(circle, rgba(217, 15, 99, 1) 0%, rgba(103, 18, 161, 1) 100%);

}
.image-detail-geode[data-type="geodeRouge.jpg"]{
    border: 5px dotted red;
    
}
.image-detail-geode[data-type="geodeVert.jpg"]{
    border: 5px dotted green;
}
.image-detail-geode[data-type="geodeJaune.jpg"]{
    border: 5px dotted yellow;
}
.image-detail-geode[data-type="geodeBleu.jpg"]{
   border: 5px dotted lightblue;
}
.image-detail-geode[data-type="geodeMauve.jpg"]{
    border: 5px dotted lightpink;
}