main,main>ul{justify-content:center;display:flex}main{align-items:center;min-height:calc(100vh - 12.5rem);width:100%;padding:2rem}main>ul{align-items:center;flex-direction:column;row-gap:2rem}.donut-image{width:35rem;height:15rem;border-start-end-radius:10px;border-start-start-radius:10px}.donut li{width:100%}.donut,.donut-bottom,.donut-p,.donut-text{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.donut-p{align-items:flex-start;row-gap:.5rem}.donut-stars img{height:1rem}.donut{overflow:hidden;background:#bbb;border-radius:10px}.donut>img{width:100%;height:auto}.donut-text{padding:.5rem 0;row-gap:1rem;border-bottom:1px solid #000}.donut-bottom{padding:1rem;row-gap:1rem}.donut-stars{width:100%;display:flex;align-items:center;justify-content:flex-end}.donut-stars li{width:fit-content}.button{padding:.51rem 1rem}.donut-interaction{display:flex;justify-content:flex-end;align-items:center;gap:1.5rem}.donut-interaction img{cursor:pointer;width:2rem}@media screen and (min-width:700px){main>ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem}}