Desafio CSS 04 - Bandeira da Turquia

dabblet.css

/**
 * Desafio CSS 04 - Bandeira da Turquia
 */

body {
    margin: 0;
    padding: 0;
}
body:after {
    content: "";
    background-color: #E30917;
    width: 600px;
    height: 400px;
    display: block;
}
.turquia {
    background-color: #FFF;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    position: absolute;
    top: 100px;
    left: 112px;
}
.turquia:before {
    content: "";
    background-color: #E30917;
    width: 81%;
    height: 81%;
    border-radius: 50%;
    position: absolute;
    right: -3%;
    top: 9%;
}
.turquia:after {
    content: "★";
    background-color: transparent;;
    font-size: 8em;
    -webkit-font-smoothing: antialiased;
    color: #FFF;
    position: absolute;
    right: -40%;
    top: 13%;
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    -o-transform: rotate(55deg);
    transform: rotate(55deg);
}

dabblet.html

<div class="turquia"></div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}