.body[data-v-b3a65a7d]{font-size:16}.header[data-v-b3a65a7d]{padding:1rem;margin:0 0 2rem;background:#f2f2f2}h1[data-v-b3a65a7d]{font-size:2rem;font-family:Arial,sans-serif;text-align:center;text-transform:uppercase}.content[data-v-b3a65a7d]{display:flex}.mask[data-v-b3a65a7d]{position:relative;overflow:hidden;display:block;width:12.5rem;height:6.25rem;margin:1.25rem}.semi-circle[data-v-b3a65a7d]{position:relative;display:block;width:12.5rem;height:6.25rem;background:linear-gradient(to right,#1abc9c 0%,#f1c40f 35%,#c0392b 100%);background:-moz-linear-gradient(to right,#1abc9c 0%,#f1c40f 35%,#c0392b 100%);background:-webkit-gradient(to right,#1abc9c 0%,#f1c40f 35%,#c0392b 100%);border-radius:50%/100% 100% 0% 0%}.semi-circle[data-v-b3a65a7d]:before{content:"";position:absolute;bottom:0;left:50%;z-index:2;display:block;width:8.75rem;height:4.375rem;margin-left:-4.375rem;background:#fff;border-radius:50%/100% 100% 0% 0%}.semi-circle--mask[data-v-b3a65a7d]{position:absolute;top:0;left:0;width:12.5rem;height:12.5rem;background:transparent;transform-origin:center center;backface-visibility:hidden;transition:all .3s ease-in-out}.semi-circle--mask[data-v-b3a65a7d]:before{content:"";position:absolute;top:0;left:0%;z-index:2;display:block;width:12.625rem;height:6.375rem;margin:-1px 0 0 -1px;background:#f2f2f2;border-radius:50%/100% 100% 0% 0%}