25/26, 100%, проверьте, пожалуйста

Курсы §25. Оформление текста с помощью CSS. Часть 2
1

html,
body {
min-width: 570px;
margin: 0;
font-family: “Arial”, sans-serif;
color: #000000;
}

p {
margin: 0;
padding-top: 230px;
text-align: center;
font-size: 65px;
text-transform: uppercase;
font-weight: bold;
letter-spacing: -5px;
word-spacing: 5px;
color: transparent;
text-shadow:
0 0 0px rgba(0, 168, 255, 0.5),
5px 5px 0 rgba(255, 0, 180, 0.5);
}

span {
position: absolute;
top: -40px;
left: 50%;
margin-left: -0.5em;
font-size: 200px;
line-height: 1em;
text-shadow:
-70px 80px 0 #f4c300,
70px 80px 0 #009f3d,
140px 0 0 #df0024,
-140px 0 0 #0085c7;
}

2

а для чего делать color: transparent; и из-за этого 2 тени, если то же самое получилось,когда задаешь искомый цвет тексту, второй - тени?

3

Честно говоря, я попытался тогда так сделать, но не что-то не получилось)
Не помню точно.
Спасибо)

4

Мой вариант :scream_cat:

смайлики 
/*
    Цвета смайликов: #f4c300, #009f3d, #0085c7, #df0024
    Цвета текста: rgba(255, 0, 180, 0.5), rgba(0, 168, 255, 0.5)
*/

html, 
body {
    min-width: 570px;
    margin: 0;
    font-family: "Arial", sans-serif;
    color: #000000;
}

p {
    margin: 0;
    padding-top: 230px;
    text-align: center;
    font-weight: bold;
    font-size: 65px;
    word-spacing: 5px;
    letter-spacing: -5px;
    color: rgba(0, 168, 255, 0.5);
    text-transform: uppercase;
    text-shadow: 5px 5px rgba(255, 0, 180, 0.5);
}

span {
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -0.5em;
    font-size: 200px;
    line-height: 1em;
    text-shadow: 
                -70px 80px #f4c300,
                 70px 80px #009f3d,
                -140px 0 #0085c7,
                 140px 0 #df0024;
}