/* Fond */

body{
    background:#d00000;
    margin:20px;
}

/* Ligne du haut */

.ligne-haut{
    display:flex;
    align-items:center;
    width:100%;
}
.ligne-haut .logos-son{
    flex:1;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

/* Steve Reich */

.steve{
    color:#0066ff;
    font-size:1em;
    font-weight:normal;
	margin-right:20px;
}

.ligne-haut a{
    font-size:1em;
    text-decoration:none;
}

/* Les Ré */

.pulse-light{
    display:block;
    color:black;
    animation:pulseGlow 3.5s ease-in-out infinite;
    will-change: color, text-shadow;
}

/* Pulsation douce */

@keyframes pulseGlow{

    0%{
        color:black;
        text-shadow:none;
    }

    15%{
        color:#555500;
        text-shadow:
        0 0 2px yellow;
    }

    30%{
        color:#b8a600;
        text-shadow:
        0 0 6px yellow,
        0 0 12px yellow;
    }

    50%{
        color:#ffffaa;
        text-shadow:
        0 0 10px yellow,
        0 0 20px yellow,
        0 0 40px yellow,
        0 0 80px yellow;
    }

    70%{
        color:#b8a600;
        text-shadow:
        0 0 6px yellow,
        0 0 12px yellow;
    }

    85%{
        color:#555500;
        text-shadow:
        0 0 2px yellow;
    }

    100%{
        color:black;
        text-shadow:none;
    }

}

@media (max-width: 600px){

    body{
        background:#d00000;
        margin:10px;
    }


    .ligne-haut{
        display:flex;
        align-items:center;
        width:100%;
    }


    .ligne-haut .logos-son{
        flex:1;
        display:flex;
        justify-content:space-between;
        align-items:center;
    }


    .steve{
        color:#0066ff;
        font-size:1em;
        font-weight:normal;
        margin-right:15px;
    }


    .ligne-haut a{
        font-size:1em;
        text-decoration:none;
    }


    .pulse-light{

        font-size:1em;

        color:black;

        animation:pulseGlow 1.8s ease-in-out infinite;

    }

}
p{
    margin-left:0;
    margin-right:0;
    padding:0;
}

.pulse-light{
    display:block;
    width:100%;
}
html, body{
    overflow-x:hidden;
}
body{
    background:#d00000;
    margin:20px;
}
.pulse-light{
    display:block;
    text-align:justify;
}