#navbar:where(.astro-WG4TU3QR){background:#333;color:#fff;overflow:auto;text-align:;width:100%;box-sizing:border-box;height:5%}#navbar:where(.astro-WG4TU3QR) .logo:where(.astro-WG4TU3QR){float:none;margin:1%;padding:-3%;font-size:3vw}.c-title:where(.astro-WG4TU3QR){font-size:3rem}#showcase:where(.astro-WG4TU3QR){background:url(https://raw.githubusercontent.com/IyoTodaka/A0522/main/HTML/MiniProject/img/image.jpg) no-repeat center center/cover;width:100%;position:relative;background-size:cover;background-position:center}.container:where(.astro-WG4TU3QR):after{position:absolute;content:"";inset:0;box-shadow:inset 0 0 10px 15px #fff}#showcase:where(.astro-WG4TU3QR) .showcase-content:where(.astro-WG4TU3QR){color:#fff;text-align:center;margin:0%;left:50%;top:50%;transform:translateY(90%)}#showcase:where(.astro-WG4TU3QR) .showcase-content:where(.astro-WG4TU3QR) h1:where(.astro-WG4TU3QR){font-size:3vw;line-height:1.2em;margin:0%}#showcase:where(.astro-WG4TU3QR) .showcase-content:where(.astro-WG4TU3QR) p:where(.astro-WG4TU3QR){font-size:1vw;line-height:1.7em;margin:0%}@media screen and (min-width: 751px){#showcase:where(.astro-WG4TU3QR){height:50vh}}@media screen and (max-width: 750px){#showcase:where(.astro-WG4TU3QR){height:30vh}}@media screen and (min-width: 751px){#pie-chart:where(.astro-WG4TU3QR){width:80%;margin-left:10%}.c-title:where(.astro-WG4TU3QR){background:#fff;height:100px}.pie-chart-wrap:where(.astro-WG4TU3QR){display:flex;justify-content:center;align-items:center}}.box:where(.astro-WG4TU3QR){position:relative;min-width:200px;width:33.3333333333%;height:300px;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#fff;box-shadow:0 15px 30px #0003}@media screen and (max-width: 750px){.box:where(.astro-WG4TU3QR){width:100%}}@media screen and (min-width: 751px){.box:where(.astro-WG4TU3QR)+.box:where(.astro-WG4TU3QR){margin-left:40px}}@media screen and (max-width: 750px){.box:where(.astro-WG4TU3QR)+.box:where(.astro-WG4TU3QR){margin-top:20px}}.box:where(.astro-WG4TU3QR) .percent:where(.astro-WG4TU3QR){position:relative;width:150px;height:150px}.box:where(.astro-WG4TU3QR) .percent:where(.astro-WG4TU3QR) svg:where(.astro-WG4TU3QR){position:relative;width:150px;height:150px;transform:rotate(-90deg)}.box:where(.astro-WG4TU3QR) .percent:where(.astro-WG4TU3QR) svg:where(.astro-WG4TU3QR) circle:where(.astro-WG4TU3QR){position:relative;fill:none;stroke-width:10;stroke:#f3f3f3;stroke-dasharray:440;stroke-dashoffset:0;stroke-linecap:round}.box:where(.astro-WG4TU3QR) .percent:where(.astro-WG4TU3QR) .number:where(.astro-WG4TU3QR){position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#111}.box:where(.astro-WG4TU3QR) .percent:where(.astro-WG4TU3QR) .number:where(.astro-WG4TU3QR) .title:where(.astro-WG4TU3QR){font-size:50px}.box:where(.astro-WG4TU3QR) .percent:where(.astro-WG4TU3QR) .number:where(.astro-WG4TU3QR) .title:where(.astro-WG4TU3QR) span:where(.astro-WG4TU3QR){font-size:22px}.box:where(.astro-WG4TU3QR) .text:where(.astro-WG4TU3QR){padding:10px 0 0;text-align:center;font-weight:700;font-size:14px}.box:where(.astro-WG4TU3QR) .percent:where(.astro-WG4TU3QR) .line:where(.astro-WG4TU3QR){-webkit-animation:circleAnim 1s forwards;animation:circleAnim 1s forwards}.box:where(.astro-WG4TU3QR).blue .percent:where(.astro-WG4TU3QR) .line:where(.astro-WG4TU3QR){stroke-dashoffset:220.8;stroke:#03a9f4}.box:where(.astro-WG4TU3QR).red .percent:where(.astro-WG4TU3QR) .line:where(.astro-WG4TU3QR){stroke-dashoffset:290;stroke:#ff3051}.box:where(.astro-WG4TU3QR).green .percent:where(.astro-WG4TU3QR) .line:where(.astro-WG4TU3QR){stroke-dashoffset:370;stroke:#1fd26c}#main-footer:where(.astro-WG4TU3QR){text-align:center;background:#444;color:#fff;padding:20px}@-webkit-keyframes circleAnim{0%{stroke-dasharray:0 440}99.9%,to{stroke-dasharray:440 440}}@keyframes circleAnim{0%{stroke-dasharray:0 440}99.9%,to{stroke-dasharray:440 440}}.box10:where(.astro-WG4TU3QR){display:flex;margin:2em .8em;background:#f1f1f1;box-shadow:2px 4px #00000038;overflow:hidden}.box10:where(.astro-WG4TU3QR) .box-title:where(.astro-WG4TU3QR){font-size:1.2em;background:#03a9f4;padding:4px;text-align:center;color:#fff;font-weight:700;letter-spacing:.05em}.box10:where(.astro-WG4TU3QR) p:where(.astro-WG4TU3QR){padding:15px 20px;margin:10;font-size:1.2em;color:#262d29;font-weight:500;background:rgba(251,251,251,.475)}.box10:where(.astro-WG4TU3QR) .img1:where(.astro-WG4TU3QR){background:url(https://raw.githubusercontent.com/IyoTodaka/A0522/main/HTML/MiniProject/img/image1.jpg) no-repeat center center/cover}.box20:where(.astro-WG4TU3QR){display:flex;margin:2em .8em;background:#f1f1f1;box-shadow:0 2px 4px #00000038;overflow:hidden}.box20:where(.astro-WG4TU3QR) .box-title:where(.astro-WG4TU3QR){font-size:1.2em;background:#ff3051;padding:4px;text-align:center;color:#fff;font-weight:700;letter-spacing:.05em}.box20:where(.astro-WG4TU3QR) p:where(.astro-WG4TU3QR){padding:15px 20px;margin:10;font-size:1.2em;color:#262d29;font-weight:500;background:rgba(251,251,251,.475)}.box20:where(.astro-WG4TU3QR) .img2:where(.astro-WG4TU3QR){background:url(https://raw.githubusercontent.com/IyoTodaka/A0522/main/HTML/MiniProject/img/image3.jpg) no-repeat center center/cover}.box30:where(.astro-WG4TU3QR){display:flex;margin:2em .8em;background:#f1f1f1;box-shadow:0 2px 4px #00000038;overflow:hidden}.box30:where(.astro-WG4TU3QR) .box-title:where(.astro-WG4TU3QR){font-size:1.2em;background:#1fd26c;padding:4px;text-align:center;color:#fff;font-weight:700;letter-spacing:.05em}.box30:where(.astro-WG4TU3QR) p:where(.astro-WG4TU3QR){padding:15px 20px;margin:10;font-size:1.2em;color:#262d29;font-weight:500;background:rgba(251,251,251,.475)}.box30:where(.astro-WG4TU3QR) .img3:where(.astro-WG4TU3QR){background:url(https://raw.githubusercontent.com/IyoTodaka/A0522/main/HTML/MiniProject/img/image4.jpg) no-repeat center center/cover}@media screen and (min-width: 751px){.b-title:where(.astro-WG4TU3QR){width:80%;margin-top:20px;margin-left:10%;background:#fff;height:50px;font-size:3vw}.chart:where(.astro-WG4TU3QR){position:relative;width:27%;height:500px;display:-webkit-box;align-items:center;justify-content:center;margin-left:10%}.box10:where(.astro-WG4TU3QR)+.box20:where(.astro-WG4TU3QR){margin-left:20px}.box20:where(.astro-WG4TU3QR)+.box30:where(.astro-WG4TU3QR){margin-left:20px}.youtube:where(.astro-WG4TU3QR){padding:3rem 0;display:flex;flex-direction:column;justify-content:center;align-items:center}.youtube:where(.astro-WG4TU3QR) iframe:where(.astro-WG4TU3QR){margin-bottom:1rem}.video:where(.astro-WG4TU3QR){width:80%;margin-left:10%;background:#fff;height:30px;font-size:3vw}}