# Do you want to build a snowman?

index.html

<html>

<head>
    <title>
        Do you want to build a snowman?
    </title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="object tri">

    </div>
    <div class="object circle">
        <h1>..</h1>
        <h1 style="color: red;">.</h1>
    </div>
    <div class="object circle">
        <h1>.</h1>
        <h1>.</h1>
    </div>

</body>

</html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

style.css

body {
    background-color: #19244f;
}

h1 {
    margin: 0;
}

.object {
    width: 100px;
    height: 100px;
}

.tri {
    background-color: #fc7617;
    clip-path: polygon(50% 0, 0 100%, 100% 100%);
}

.circle {
    border-radius: 50%;
    background-color: #ffffff;
    text-align: center;
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22