* {
    box-sizing: border-box;
}

body {
    background-image: url("assets/glitch/glitch.png");
    background-size: 75%;
    background-blend-mode:exclusion;
    background-position: center;

    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background-color: hsl(315, 48%, 86%);
    font-family: 'Courier New', monospace;
    margin: 0;
    padding: 2vh 2vw;
    text-shadow: rgb(0, 0, 0) 2px 1px;
}

.welcome {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 90vh;
    width: 90vw;
    max-width: 1400px;
    background: linear-gradient(135deg, rgba(126, 31, 31, 0.25), rgba(202, 24, 24, 0.2));
    border: 1px solid black;
    padding: 3vh 3vw;
}

h1 {
    color: rgb(241, 187, 187);
    font-size: clamp(2rem, 6vw, 5rem);
    letter-spacing: clamp(4px, 2vw, 12px);
    margin: 1vh 0;
}

p {
    color: white;
    font-size: clamp(0.9rem, 2.5vw, 1.3rem);
    letter-spacing: clamp(3px, 1.5vw, 10px);
    margin: 0vh 0;
}

a img {
    width: 70%;
    max-width: 600px;
    height: auto;
    display: block;
    margin: 2vh auto;
    opacity: 0.6;
    clip-path: polygon(23% -12%, 0% 120%, 140% 35%);
    /*border: 1px solid black;*/
}

a:hover img {
    opacity: 1;
    clip-path: polygon(23% -12%, 0% 120%, 140% 35%);
    transition: opacity 0.3s ease;
}
.deluge_droit {
    text-align: end;
}