.index-body{width:100%;margin:0;padding:0;position:relative}.index-body:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/index-bg-CEuxwMAX.avif) no-repeat center / cover;opacity:0;animation:fadeInBg 4s forwards;z-index:-10}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.mo-block{display:block}@media (width > 64rem){.mo-block{display:none}}.index-navbar{inline-size:100%;position:fixed;top:0;left:0;z-index:1000;min-height:5.625rem;opacity:0;display:flex;justify-content:flex-end;align-items:center;background-color:transparent;pointer-events:none;transition:all 1s ease;font-size:17px;padding-inline:1.5rem}.index-navbar .button-group{display:flex;justify-content:center;align-items:center;gap:.75rem}.index-navbar .button-group a,.index-navbar .button-group button{inline-size:3.125rem;block-size:3.125rem;padding:.3125rem}.index-navbar .button-group a:hover,.index-navbar .button-group button:hover{background-color:var(--white);border-radius:50%}.index-navbar .button-group button{background-color:transparent;cursor:pointer;border:none}.index-navbar .button-group a img,.index-navbar .button-group button img{inline-size:100%;block-size:100%}@media (width >= 64rem){.index-navbar .open-button{display:none}}.index-navbar.active{opacity:1;pointer-events:auto}.navbar-lists{position:fixed;top:0;right:0;min-inline-size:19.375rem;min-block-size:100%;overflow-y:auto;display:none;flex-flow:column nowrap;align-items:center;gap:20px;background-color:var(--white);padding-block:6.25rem 1.875rem;padding-inline:1.5rem}.navbar-lists .index-links{border-bottom:1px solid var(--dark-gray)}.navbar-lists .nike-link:hover{opacity:.8}.navbar-lists li button:hover{color:var(--dark-gray)}.navbar-lists.active{display:flex}.navbar-lists .exit-button{position:absolute;top:1.875rem;right:1.875rem;font-size:1.5rem;display:none;z-index:2000;inline-size:3.125rem;block-size:3.125rem;padding:.3125rem}.navbar-lists .exit-button.active{display:block}.navbar-lists .exit-button:hover{background-color:var(--light-gray);border-radius:50%}@media (width >= 64rem){.navbar-lists{position:static;display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-end;min-inline-size:100%;min-block-size:auto;padding:0;gap:2.1875rem;background-color:transparent}.navbar-lists .nike-link{display:none}}.index-main{min-height:100vh;background:transparent;display:flex;justify-content:center;position:relative}.index-main .team-name{position:absolute;margin:0;top:38%;left:50%;transform:translate(-50%);opacity:0;font-size:2.1875rem;transition:opacity .4s ease}.index-main .team-name.active{opacity:1}.index-main .box{position:absolute;color:#000;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:2.1875rem}.index-main .box1{top:0;left:0;animation:moveBox1Y 1s ease-out forwards,moveBox1X 1s ease-out forwards 1s}.index-main .box2{bottom:0;right:0;animation:moveBox2Y 1s ease-out forwards,moveBox2X 1s ease-out forwards 1s}@media (width >= 64rem){.index-main .team-name{top:51%;font-size:60px}.index-main .box{font-size:60px}}.index-content-section{inline-size:100%;pointer-events:none;z-index:1;text-align:center;padding-block:3.125rem;padding-inline:1.5rem;display:none;pointer-events:auto}.index-content-section h3{font-size:1.875rem;margin-block-start:.9375rem}.index-content-section h4{font-size:var(--text-xl);letter-spacing:.05em;color:var(--green);margin-block:.5rem}@media (width >= 64rem){.index-content-section h3{font-size:3.125rem}.index-content-section h4{font-size:var(--text-3xl)}}.index-main-contents1.active,.index-contents1.active,.index-contents2.active,.index-contents3.active,.index-contents4.active,.index-contents5.active{display:block}.index-contents1{background-color:transparent}.index-contents1 div{padding-block:.625rem;word-break:keep-all;font-weight:500;font-size:1.125rem}.index-contents1 .right-contents,.index-contents1 .left-contents{justify-items:center}.index-contents1 .left-contents p{max-inline-size:31.25rem;padding-block:.625rem;margin-block-end:.9375rem}.index-contents1 .left-contents a{padding-block:.3125rem;padding-inline:.625rem;border:2px solid var(--white);border-radius:1.875rem}.index-contents1 .left-contents a:hover{background-color:var(--white)}.index-contents1 .right-contents .grid-card{width:100%;display:grid;grid-template-columns:repeat(2,1fr)}.index-contents1 .right-contents .grid-card .grid-item{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.index-contents1 .right-contents .grid-card .grid-item picture{inline-size:8.125rem;block-size:8.125rem;border-radius:50%;overflow:hidden;margin-block-end:12px}.index-contents1 .right-contents .grid-card .grid-item picture img{inline-size:100%;block-size:100%;object-fit:cover;object-position:center}.index-contents1 .right-contents .grid-card .grid-item a:hover{cursor:pointer;opacity:.8}@media (width >= 64rem){.index-contents1 .contents-wrapper{display:flex;flex-flow:row nowrap;justify-content:center;gap:.625rem}.index-contents1 .contents-wrapper .left-contents,.index-contents1 .contents-wrapper .right-contents{flex:1}}.index-contents2{background-color:transparent}.index-contents2 .accordion-content{background-color:var(--white);padding:.9375rem}.index-contents2 .accordion-content:first-of-type{border-top-right-radius:30px;border-top-left-radius:30px}.index-contents2 .accordion-content:last-of-type{border-bottom-right-radius:30px;border-bottom-left-radius:30px}.index-contents2 .accordion-content .accordion-button{inline-size:100%;display:flex;align-items:center;color:var(--black);text-align:center;font-size:1.125rem;font-weight:var(--font-semibold);padding-block:.625rem}.index-contents2 .accordion-content .accordion-button:hover{opacity:.8}.index-contents2 .accordion-content .accordion-button span{display:block;margin-left:auto}.index-contents2 .accordion-content .accordion-button img{inline-size:100%}.index-contents2 .accordion-content .accordion-button img.rotate{transform:rotate(90deg)}.index-contents2 .accordion-content .content-wrapper{background-color:var(--extra-light-gray);block-size:0;opacity:0;padding:0;border-radius:1.875rem;pointer-events:none}.index-contents2 .accordion-content .content-wrapper h6,.index-contents2 .accordion-content .content-wrapper h5{font-size:1.125rem;text-align:left}.index-contents2 .accordion-content .content-wrapper .coding-convention-title{font-size:16px;margin-block:.625rem;font-weight:600}.index-contents2 .accordion-content .content-wrapper p{inline-size:100%;text-align:left}.index-contents2 .accordion-content .content-wrapper table{margin-block-start:.625rem}.index-contents2 .accordion-content .content-wrapper table thead{background-color:var(--light-gray)}.index-contents2 .accordion-content .content-wrapper table thead th{padding:.625rem;border:1px solid var(--gray)}.index-contents2 .accordion-content .content-wrapper table tbody tr,.index-contents2 .accordion-content .content-wrapper table tbody td{padding:.625rem;text-align:left;border:1px solid var(--gray);border-top:0}.index-contents2 .accordion-content .content-wrapper ol{list-style:decimal;margin-left:1.5rem}.index-contents2 .accordion-content .content-wrapper ol li{text-align:left}.index-contents2 .accordion-content .content-wrapper .code-block{margin-block:.625rem;padding:.9375rem;font-size:var(--text-xs);background-color:var(--white);border-radius:.625rem;text-align:left;max-width:100%;white-space:normal}.index-contents2 .accordion-content .content-wrapper .code-block code{white-space:pre-wrap;word-break:break-word}.index-contents2 .accordion-content .content-wrapper .code-block.project-folder img{inline-size:1.5rem;display:inline;vertical-align:middle}.index-contents2 .accordion-content .content-wrapper code,.index-contents2 .accordion-content .content-wrapper pre{--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-family:var(--font-mono);font-family:monospace;font-size:1rem}.index-contents2 .accordion-content .content-wrapper .text-block{word-break:keep-all;margin-block:.625rem}.index-contents2 .accordion-content .content-wrapper.dropdown{opacity:1;block-size:auto;padding:1.25rem;pointer-events:auto}@media (width >= 64rem){.index-contents2{inline-size:50%}.index-contents2 .accordion-content{inline-size:100%}.index-contents2 .contents-wrapper{justify-items:center}}.index-overlay{pointer-events:none;opacity:0;overflow:hidden}@media (width >= 64rem){.index-overlay{display:none}}.index-overlay.active{position:absolute;top:0;left:0;inline-size:100%;block-size:100%;background-color:var(--dark-gray);z-index:800;pointer-events:auto;opacity:.6}@keyframes fadeInBg{to{opacity:.7}}@keyframes moveBox1Y{0%{top:0}to{top:50%;transform:translateY(-50%)}}@keyframes moveBox1X{0%{left:0}to{left:50%}}@keyframes moveBox2Y{0%{bottom:0}to{bottom:50%;transform:translateY(50%)}}@keyframes moveBox2X{0%{right:0}to{right:50%}}.index-footer{--text-base: .9375rem;--white: #fff;width:100%;padding:1.25rem;background:transparent;text-align:center;font-size:var(--text-base);opacity:0;transition:all 1s ease}@media (width >= 64rem){.index-footer{padding-inline:3.75rem;padding-block:1.875rem;font-size:.8125rem}}.index-footer small{font-size:inherit}.index-footer p{margin:.9375rem 0}@media (width >= 64rem){.index-footer p{margin:.3125rem 0}}.index-footer .link-text a:hover{text-decoration:underline}.index-footer.active{opacity:1;pointer-events:auto}.retrospect-list{display:flex;flex-direction:column;gap:1.5rem;margin-block-start:2rem}.retrospect-item summary{font-size:var(--text-xl);font-weight:var(--font-bold);cursor:pointer;padding:.75rem 1rem;background-color:#fffc;border-radius:.5rem;list-style:none;position:relative}.retrospect-item summary:after{content:"▼";position:absolute;right:1rem;transition:transform .3s ease}.retrospect-item[open] summary:after{transform:rotate(180deg)}.retrospect-text{padding:1rem;background-color:var(--white);border:1px solid var(--light-gray);border-radius:.5rem;font-size:var(--text-lg);line-height:1.6;margin-top:.5rem}.retrospect-item{box-shadow:0 2px 8px #3a3a3a;border-radius:.5rem;overflow:hidden}.idx-dialog{min-width:18.75rem;background-color:var(--white);position:absolute;top:40%;left:50%;transform:translate(-50%,-40%);z-index:5000;padding:1.5625rem;border:3px solid var(--dark-gray);border-radius:1.25rem}.idx-dialog.active{opacity:1;pointer-events:auto}.idx-dialog section{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.idx-dialog section h3{font-size:var(--text-3xl)}.idx-dialog section p{margin-block:.75rem}.idx-dialog section .dialog-btn{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;gap:.9375rem}.idx-dialog section .dialog-btn button{background-color:var(--white);border:1px solid var(--black);padding:.75rem;border-radius:.625rem}.idx-dialog section .dialog-btn button:hover{background-color:var(--black);color:var(--white)}.introduce-wrapper{padding:3.125rem;background:#fff}.introduce-wrapper h5{font-size:1.25rem;margin-block:.625rem}.introduce-wrapper dl{display:flex;flex-flow:row wrap;align-items:center;gap:20px;border-block:1px solid #cdcdcd;padding:10px}.introduce-wrapper dl>div{display:flex;flex-flow:row wrap;align-items:center;gap:20px}.introduce-wrapper dt{font-size:1.125rem;text-align:left;font-weight:600}.introduce-wrapper dt dt:first-child{border-left:0;padding-left:0}.introduce-wrapper dd{text-align:left}.improvement-detail{margin-top:1.5rem;border:1px solid var(--light-gray);border-radius:.5rem;padding:1rem;background-color:#fffc;position:relative}.improvement-detail summary{cursor:pointer;font-weight:var(--font-semibold);font-size:var(--text-base);outline:none;list-style:none;position:relative;padding-inline-end:2rem}.improvement-detail summary:after{content:"▼";position:absolute;right:0;top:50%;transform:translateY(-50%);transition:transform .3s ease;color:var(--black)}.improvement-detail[open] summary:after{transform:translateY(-50%) rotate(180deg)}.improvement-detail summary::marker{display:none}.improvement-item{margin-top:1rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.improvement-item img{width:100%;border-radius:.5rem;box-shadow:0 0 8px #0000001a}.improvement-item h5{margin-bottom:.5rem;font-size:var(--text-sm);font-weight:var(--font-bold)}.improvement-item p{font-size:var(--text-sm);color:var(--black)}