body{background:orange}#main-content{background:#fff}#pizza-component .circle-wrapper{width:340px;margin:0 auto}#pizza-component #circle-svg{background:url(/pizza.png);background-size:contain}#pizza-component .slice{fill:#f3f3f3;stroke:#fff;stroke-width:2;fill-opacity:0}#pizza-component .slice.active{fill:#ffcc80;fill-opacity:.5}#pizza-component .arc{fill:#ffa000;fill-opacity:.5}#pizza-component .center-label{font-family:Arial,Helvetica,sans-serif;font-size:30px;fill:#fff;text-anchor:middle;-webkit-filter:drop-shadow( 2px 2px .5px #000);filter:drop-shadow( 2px 2px .5px #000)}#pizza-component .circle-outer{fill:#fff;stroke:#ccc;fill-opacity:.1}#rpf-title{margin-top:0;margin-bottom:18px;margin-left:18px;text-align:center;font-family:sans-serif;font-size:1.5rem;letter-spacing:.15rem;text-transform:uppercase;color:#fff;cursor:pointer;text-shadow:-2px 2px #ef3550,-4px 4px #f48fb1,-6px 6px #7e57c2,-8px 8px #2196f3,-10px 10px #26c6da,-12px 12px #43a047,-14px 14px #eeff41,-16px 16px #f9a825,-18px 18px #ff5722}#maintitle{text-shadow:2px 0 #ffc107,-2px 0 #ffc107,0 2px #ffc107,0 -2px #ffc107,1px 1px #ffc107,-1px -1px #ffc107,1px -1px #ffc107,-1px 1px #ffc107}#blacklayer{z-index:10;top:0;left:0;background-color:#000;width:100%;height:100%;position:absolute;pointer-events:none;background:linear-gradient(0deg,#000000 40%,rgba(0,0,0,.1) 100%),conic-gradient(from 12deg at 50% -20%,#000000,#000000,#000000,#000000,#000000,#000000,#000000,rgba(0,0,0,.1),#000000,#000000,#000000,#000000,#000000,#000000,#000000,#000000)}#darkmodeselector{z-index:101;position:absolute;top:10px;right:10px;text-shadow:0 0 #000,2px 0 #fff,-2px 0 #fff,0 2px #fff,0 -2px #fff,1px 1px #fff,-1px -1px #fff,1px -1px #fff,-1px 1px #fff}