*{box-sizing:border-box}body{background-color:#fffaf3;margin:0}header{font-size:clamp(28px,5vw,40px);margin-bottom:20px;padding:15px}footer,header{background-color:bisque;text-align:center}footer{font-size:clamp(16px,2.5vw,20px);padding:10px}select{margin:3px}a{color:#000}.circle{--circle-size:min(88vw,420px);--hole-size:calc(var(--circle-size)*0.25);--note-width:calc(var(--circle-size)*0.115);--note-font:clamp(10px,1.8vw,16px);background:#f5f5f5;border-radius:50%;height:var(--circle-size);margin:30px auto;position:relative;width:var(--circle-size)}.note{font-size:var(--note-font);font-weight:700;left:50%;margin-left:calc(var(--note-width)/-2);margin-top:-.75em;position:absolute;text-align:center;top:50%;white-space:nowrap;width:var(--note-width);z-index:2}.outer{color:#9b1c1c}.middle{color:#1d4ed8}.inner{color:#15803d}.hole{align-items:center;background:#fff;border:2px solid #333;border-radius:50%;display:flex;font-size:clamp(12px,2vw,18px);font-weight:700;height:var(--hole-size);justify-content:center;left:50%;line-height:1.2;padding:6px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:var(--hole-size);z-index:3}@media (max-width:600px){.circle{--circle-size:min(92vw,360px)}.note{white-space:normal}}
/*# sourceMappingURL=main.6c81598c.css.map*/