.maximumg-shiny {
    background-clip: text;
    color:transparent;
}

.header {
    color: #eee;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 10vh;
}

.line-high {
    height: 1em;
}

.full-width::before {
    width:100%;text-align: center;
}

.body-text {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 2vh;
}

.email {
    font-family: 'Courier New', Courier, monospace;
}

.discord {
    background: linear-gradient(to right,#7e61ab 0%,black 300%);
    background-clip: text;
    color:transparent;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

.gradient-box {
    display: flex;
    align-items:center;
    justify-content: center;

    flex-flow: column wrap;

    margin: auto;

    position: relative;
    box-sizing: border-box;

    min-height: calc(100vh - 2 * 1vh - 2 * 0.5vh);
    min-width: calc(100vw - 2 * 1vh - 2 * 0.5vh);

    color: #FFF;
    background: linear-gradient(to top, rgb(255,242,0) var(--dist,-2000%), black 100%);
    background-clip: padding-box; /* !importanté */
    border: dashed 0.5vh black; /* !importanté */
    border-radius: 1em;

    &:before {
        content: '';
        position: absolute;
        top: 0; right: 0; bottom: 0; left: 0;
        z-index: -1;
        margin: -0.5vh; /* !importanté */
        border-radius: inherit; /* !importanté */
        background: linear-gradient(var(--angle, 0), rgb(255,242,0) -800%, black 100%);
    }
}

html { height: 100%; background: #000; display: flex; }
body { margin: auto; }