*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}body{min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}html:focus-within{scroll-behavior:smooth}a{text-decoration-skip-ink:auto}body{margin:0;font-family:-apple-system,"Segoe UI","Roboto" sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{padding:1rem;height:100%;display:grid;place-items:center;background-color:#6495ed}.container{width:800px;aspect-ratio:1}.circle-container{aspect-ratio:1}.circle-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.circle{height:100%;width:100%;border-radius:50%}