.post-bear {
    background-color: #f15151!important;
}

.post-bullish {
    background-color: #29a29b!important;
}

.drop-box {
    position: absolute;
    left: 20px;
    bottom: -150px;
}

.uk-drop {
    display: none;
    position: absolute;
    z-index: 1020;
    box-sizing: border-box;
    width: 300px;
}

.uk-card-small .uk-card-body, .uk-card-small.uk-card-body {
    padding: 20px 20px;
}

.uk-card-default {
    background: #fff;
    color: #666;
    box-shadow: 0 5px 15px rgb(0 0 0 / 8%);
}

@media (min-width: 1200px) {
    .uk-card-body {
        padding: 40px 40px;
    }

    .uk-card-body {
        padding: 30px 30px;
    }

    .uk-card {
        position: relative;
        box-sizing: border-box;
        transition: box-shadow .1s ease-in-out;
    }
}

@font-face {
	font-family: "Open Sans";
	font-weight: 400;
	font-style: normal;
	src: local('Open Sans Regular'), local('OpenSans-Regular'), url(//www.bitcoinsistemi.com/wp-content/uploads/sgf-css/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.woff2) format('woff2'), url(//www.bitcoinsistemi.com/wp-content/uploads/sgf-css/mem8YaGs126MiZpBA-UFVZ0d.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Open Sans";
	font-weight: 700;
	font-style: normal;
	src: local('Open Sans Bold'), local('OpenSans-Bold'), url(//www.bitcoinsistemi.com/wp-content/uploads/sgf-css/mem5YaGs126MiZpBA-UN7rgOUuhpKKSTjw.woff2) format('woff2'), url(//www.bitcoinsistemi.com/wp-content/uploads/sgf-css/mem5YaGs126MiZpBA-UN7rgOUuhv.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@keyframes bake-pie {
    from {
        transform: rotate(0deg) translate3d(0, 0, 0);
    }
}

.grafikalani {

}
section {
    margin-top: 30px;
}

.pieID {
    display: inline-block;
    vertical-align: top;
}

.pie {
    height: 200px;
    width: 200px;
    position: relative;
    margin: 0 30px 30px 0;
}

.pie::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    width: 100px;
    height: 100px;
    background: #EEE;
    border-radius: 50%;
    top: 50px;
    left: 50px;
}

.pie::after {
    content: "";
    display: block;
    width: 120px;
    height: 2px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    box-shadow: 0 0 3px 4px rgba(0, 0, 0, 0.1);
    margin: 220px auto;
}

.slice {
    position: absolute;
    width: 200px;
    height: 200px;
    clip: rect(0px, 200px, 200px, 100px);
    animation: bake-pie 1s;
}

.slice span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: black;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    clip: rect(0px, 200px, 200px, 100px);
}

.legend {
    list-style-type: none;
    padding: 0;
    margin: 0;
    background: #FFF;
    padding: 15px;
    font-size: 13px;
    box-shadow: 1px 1px 0 #DDD, 2px 2px 0 #BBB;
}

.legend li {
    width: 110px;
    height: 1.25em;
    margin-bottom: 0.7em;
    padding-left: 0.5em;
    border-left: 1.25em solid black;
}

.legend em {
    font-style: normal;
}

.legend span {
    float: right;
}