body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.About{text-align:center}body:after,body:before,html:after,html:before{background:#0000;content:"";display:block;position:fixed;z-index:-1}html:after{right:0}body:after,html:after{height:100vh;opacity:.5;top:0;width:3vw}body:after{left:0}下
body:before{bottom:0;height:3vw;left:0;opacity:.5;width:100vw}.history{color:#000;margin:10%}.header{align-items:center;background-color:#222;box-shadow:0 2px 5px #0003;color:#fff;display:flex;justify-content:space-between;padding:1rem;position:-webkit-sticky;position:sticky;top:0;width:auto;z-index:1}.logo{color:#fff;font-size:24px;font-weight:700;text-decoration:none}.nav-links{display:flex}.nav-links li{list-style:none;margin-left:1.5rem}.nav-links li a{color:#fff;text-decoration:none;transition:color .3s ease}.nav-links li a:hover{color:#ffca28}.nav.fixed{position:fixed;right:0;top:0}.github-logo{border-radius:50%;height:auto;width:30px}.github-link{color:#333;text-decoration:none}.about__container{max-width:100%}.about__tabs{display:flex;justify-content:center;margin-bottom:var(--mb-2)}.about__button{color:var(--title-color);cursor:pointer;font-size:var(--h3-font-size);font-weight:var(--font-medium);margin:0 var(--mb-1)}.about__button:hover{color:var(--title-color-dark)}.about__icon{font-size:1.8rem;margin-right:var(--mb-0-25)}.about__active{color:var(--title-color-dark)}.about__sections{display:grid;grid-template-columns:.5fr;justify-content:center}.about__content{display:none}.about__content-active{display:block}.about__data{grid-column-gap:1.5rem;column-gap:1.5rem;display:grid;grid-template-columns:1fr -webkit-max-content 1fr;grid-template-columns:1fr max-content 1fr}.about-title{font-size:var(--normal-font-size);font-weight:var(--font-medium)}.about__subtitle{display:inline-block;margin-bottom:var(--mb-1)}.about__calender,.about__subtitle{font-size:var(--small-font-size)}.about__rounder{border-radius:50%;display:inline-block;height:13px;width:13px}.about__line,.about__rounder{background-color:var(--text-color)}.about__line{display:block;height:100%;transform:translate(6px,-7px);width:1px}@media screen and (max-width:992px){.about__container{margin-left:auto;margin-right:auto}}@media screen and (max-width:768px){.about__container{margin-left:var(--mb-1-5);margin-right:var(--mb-1-5)}}@media screen and (max-width:576px){.about__sections{grid-template-columns:none}.about__button{margin:0 var(--mb-0-75)}}@media screen and (max-width:350px){.about__data{gap:.5rem}}.wrap{display:flex;flex-wrap:wrap;justify-content:space-between;margin-left:5%;margin-right:5%}.item{background-color:#fff;margin:0,5%,0,5%;padding:5%;text-align:center;width:20%}.item img{align-items:center;border-radius:100vh;height:50%;object-fit:cover;overflow:hidden}@media not all and (min-width:768px){.item{width:100%}.item:not(:last-child){margin-bottom:30px}}h1{border-bottom:5px double #000;margin:5%;text-align:center}.box_image img{display:block;margin:10%;max-width:90%;object-fit:cover}.box_image img,.box_text{border-radius:100vh;overflow:hidden}.box_text{box-sizing:border-box;text-align:center}@media screen and (max-width:767.98px){.box_text{padding:60px 20px}}@media screen and (min-width:768px){.box{position:relative}.box_text{padding:60px}}@media screen and (min-width:768px) and (max-width:1100px){.box_text{background-color:#ffffffe6;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:80%}}@media screen and (min-width:1100px){.box_text{background-color:#fff;border:1px solid #000}.box_image{left:50%;position:relative;top:0;transform:translateX(-100%)}.box_image,.box_text{max-width:700px;width:50%}.box_text{left:45%;position:absolute;top:50%;transform:translateY(-50%)}.box:nth-of-type(2n) .box_image{transform:translateX(0)}.box:nth-of-type(2n) .box_text{left:55%;transform:translateX(-100%) translateY(-50%)}}
/*# sourceMappingURL=main.9ef096a6.css.map*/