/*# Exercice dirigé: Décoration

## Ombre sur les boîtes

Découverte de la propriété box-shadow

## Ombre sur les textes

Découverte de la propriété text-shadow*/
.container {
    background-color:white;
}
article {
    padding:4em;
    margin:4em;
    color:black;
}

.deglin {
    background:linear-gradient(yellow,red);
}
#plucou {
    background:linear-gradient(green, yellow, red);
}
#ang {
    background:linear-gradient(45deg, green, yellow, red);
}
#ptsprc {
    background:linear-gradient(to left, red, red 40%, yellow 60%, green 60%);
}
#reppls {
    background:repeating-linear-gradient(90deg, green, yellow, red);
    background-size:25%;
}

#degrad {
    background:radial-gradient(yellow, red);
}
#radcer {
    background:radial-gradient(circle,yellow, red);
}
#cerins {
    background:radial-gradient(circle closest-side,yellow, red);
}
#cerins25 {
    background:radial-gradient(circle closest-side at 25%,yellow, red);
}

#boipet {
    box-shadow: 0px 1px 2px rgba(0,0,0,0.5);
}
#boigra {
    box-shadow: 0px 20px 20px rgba(0,0,0,0.5);
}
#boiint{
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.5);
}
#boicol{
    box-shadow: 3px 6px 6px red;
}
#boieta{
    box-shadow: 0px 0px 5px 10px red;
}
#boimul{
    box-shadow: 0px 3px 5px green, 0px 10px 10px yellow, 0px 15px 10px red;
}

.divtex {
    padding: 2em 2em;
    margin:0 4em;
    font-size:2em;
    color: #fff;
	background-color: #eee;
	text-align:center;
}
#texpet {
    text-shadow:0 1px 2px rgba(0,0,0,0.5);
}
#texgra {
    text-shadow:4px 8px 4px rgba(0,0,0,0.5);
}
#texcol {
    text-shadow:4px 8px 4px red;
}
#texmul {
    text-shadow:1px 1px 1px green, 2px 1px 3px yellow, 3px 3px 3px red;
}