@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Aboreto&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400&display=swap);*{box-sizing:border-box;margin:0;padding:0}.App{font-family:Noto Sans TC,sans-serif;height:100vh;position:relative;width:100%}.homeImg{display:flex;justify-content:baseline;width:100%}.home-link-container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;padding:2rem 1rem}.home-link{align-items:center;background-color:#74b385;border-radius:30% 70% 50% 90%;color:#e4d8be;display:flex;font-size:2.5rem;height:200px;justify-content:center;opacity:.8;width:200px}.header{align-items:center;background-color:#fff1d7;box-shadow:0 2px 6px 0 rgba(122,93,7,.15);color:brown;cursor:pointer;display:grid;font-family:Aboreto,cursive;grid-template-columns:3fr 1fr;height:15vh;justify-content:space-between;padding:0 1rem;position:fixed;width:100%;z-index:5}.logo{font-size:3rem;text-align:center}.nav{display:grid;grid-template-columns:repeat(3,1fr)}.header-link:not(:last-child) a{border-right:2px solid #8b4513}.content{background-color:#e4d8bd;min-height:100%;padding-top:15vh;text-align:center}.header-link{display:flex;justify-content:center}.link{align-self:center;color:inherit;font-weight:400;padding:0 .2rem;text-decoration:none}.pic2{border-radius:100%;height:clamp(150px,16vw,280px);object-fit:cover;opacity:.6;width:clamp(150px,16vw,280px)}.title{font-family:"Noto Serif TC",serif;font-size:1rem;font-weight:500;left:0;position:absolute;text-align:center;top:50%;width:100%}.list{position:relative;width:100%;z-index:0}.list p{height:auto;overflow-wrap:break-word;word-break:break-all}.link:hover .pic2{opacity:.9}.link:hover .title{display:none}.list-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(6,1fr);padding:2rem 1rem;width:99vw}.container{align-items:center;background-color:#e4d8bd;display:grid;grid-template-columns:1fr 1fr;justify-content:center;margin:auto;min-height:100vh;width:100%}.info{display:flex;flex-direction:column;justify-content:space-around;padding:2rem 1rem;width:98vw}.pic{max-width:500px;width:80%}.desc-container{align-items:center;display:flex;flex-direction:column}.desc{border-bottom:1px solid;display:flex;justify-content:space-between;padding:1rem 0;text-align:left;width:60%}.desc:hover{background-color:#d3c9b2;cursor:pointer}.footer{background-color:#e6c993;color:#765415;font-family:Aboreto,cursive;min-width:100%;opacity:.8;padding:2rem 1rem;width:100%}.footer-c{font-size:1rem;min-width:100%}.footer-c,.footer-icons{align-items:center;display:flex}.footer-icons{justify-content:space-around;padding:0 1rem}.footer-icons a{width:20px}.footer-icons img{margin-right:2rem;width:20px}.footer-a{align-items:center;display:flex}.footer-a small{width:100%}.ref{grid-template-columns:1fr 1fr 1fr}.footer-link,.ref{display:grid}@media (max-width:1860px){.list-container{grid-template-columns:repeat(5,1fr)}}@media (max-width:1200px){.list-container{grid-template-columns:repeat(3,1fr)}.homeImg{width:95%}.container{grid-template-columns:1fr}.home-link{font-size:2rem;height:200px;width:200px}.home-link-container{align-items:flex-start;flex-direction:row;justify-content:space-around}}@media (max-width:820px){.homeImg{width:100%}.container{grid-template-columns:1fr}.home-link{font-size:2rem;height:200px;width:200px}}@media (max-width:660px){.logo{font-size:2rem}.list-container{grid-template-columns:repeat(2,1fr);padding:30px 10px}.container{grid-template-columns:1fr}.home-link{font-size:1.5rem;height:150px;width:150px}}@media (max-width:440px){.logo{background-color:#74b385;border-radius:20% 70% 20% 70%;opacity:.8}.list-container{grid-template-columns:repeat(2,1fr);padding:30px 10px}.title{font-size:1rem;left:12%;top:50%}.pic2,.title{height:150px;width:150px}.pic2{-webkit-column-gap:10px;column-gap:10px}.desc{font-size:.8rem}.home-link{height:100px;width:100px}.footer-logo,.home-link{font-size:1rem}.footer-c{font-size:.8rem}.footer-a small{font-size:10px}}@media (max-width:400px){.logo{font-size:1rem}.homeImg{width:100%}.list-container{grid-template-columns:repeat(2,1fr);padding:30px 10px}.title{font-size:.9rem;height:140px;width:140px}.pic2{-webkit-column-gap:10px;column-gap:10px;height:150px;width:150px}.footer-icons{justify-content:space-around;width:60%}}.dots-bars-3{--c:linear-gradient(currentColor 0 0);background:var(--c) 0 100%,var(--c) 50% 100%,var(--c) 100% 100%;background-repeat:no-repeat;background-size:16px calc(100% - 4px);height:52px;position:relative;width:80px}.dots-bars-3:before{-webkit-animation:db3-1 1s linear infinite alternate,db3-2 .5s cubic-bezier(0,200,.8,200) infinite;animation:db3-1 1s linear infinite alternate,db3-2 .5s cubic-bezier(0,200,.8,200) infinite;background:currentColor;border-radius:50%;content:"";height:16px;left:0;position:absolute;top:0;width:16px}@-webkit-keyframes db3-1{to{left:calc(100% - 8px)}}@keyframes db3-1{to{left:calc(100% - 8px)}}@-webkit-keyframes db3-2{to{top:-.1px}}@keyframes db3-2{to{top:-.1px}}
/*# sourceMappingURL=main.fd7bb3dd.css.map*/