body{display:flex;justify-content:center}.card{border:1px solid gray;border-radius:10%;font-size:2rem;height:3rem;margin:.5rem;padding:1rem;width:2rem}.card--isRed{color:red}.cols{display:flex}.your-card{align-items:center;display:flex!important;flex-direction:column;left:-3rem!important;position:relative!important;top:8rem!important}.your-card>h1{text-align:center;white-space:nowrap}.circle-container{border-radius:50%;height:15em;list-style:none;margin-top:15rem;padding:0;position:relative;width:15em}.circle-container>*{display:block;left:50%;position:absolute;top:50%}.circle-container>:first-of-type{transform:rotate(0deg) translate(7.5em) rotate(0deg)}.circle-container>:nth-of-type(2){transform:rotate(32.7272727273deg) translate(7.5em) rotate(-32.7272727273deg)}.circle-container>:nth-of-type(3){transform:rotate(65.4545454545deg) translate(7.5em) rotate(-65.4545454545deg)}.circle-container>:nth-of-type(4){transform:rotate(98.1818181818deg) translate(7.5em) rotate(-98.1818181818deg)}.circle-container>:nth-of-type(5){transform:rotate(130.9090909091deg) translate(7.5em) rotate(-130.9090909091deg)}.circle-container>:nth-of-type(6){transform:rotate(163.6363636364deg) translate(7.5em) rotate(-163.6363636364deg)}.circle-container>:nth-of-type(7){transform:rotate(196.3636363636deg) translate(7.5em) rotate(-196.3636363636deg)}.circle-container>:nth-of-type(8){transform:rotate(229.0909090909deg) translate(7.5em) rotate(-229.0909090909deg)}.circle-container>:nth-of-type(9){transform:rotate(261.8181818182deg) translate(7.5em) rotate(-261.8181818182deg)}.circle-container>:nth-of-type(10){transform:rotate(294.5454545455deg) translate(7.5em) rotate(-294.5454545455deg)}.circle-container>:nth-of-type(11){transform:rotate(327.2727272727deg) translate(7.5em) rotate(-327.2727272727deg)}