:root {
    --color-2: #5465FF;
    --color-5: #20A39E;
    --color-1: #EFEFEF;
    --color-4: #141B41;
    --color-3: #E2FDFF;
    --color-6: #272f81;
}

* {
    margin: 0;
    padding: 0;
    font-family: 'Goldman', cursive;
}

body {
    background-image: linear-gradient(to right top, #141b41, #202d6d, #2e3f9b, #3f52cc, #5465ff);
}

a {
    text-decoration: none;
    color: inherit;
}

/* Bouton retour */

.back-button {
    border-radius: 1.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-image: linear-gradient(to right top, #5465ff, #0085ff, #0096e6, #009fbf, #20a39e);
    font-size: 30;
    width: 6em;
    height: 1.5em ;
    margin: .5em 0em .5em 1em;
}

.back-button:hover {
    background: var(--color-3);
    color: var(--color-2);
    box-shadow: 0px 0px 7px 2px var(--color-2);
    transition: 200ms;
}

@media (max-width: 1440px)
{
    
}

@media (max-width: 1024px)
{
    
}

@media (max-width: 768px)
{
    
}

@media (max-width: 425px)
{
    
}