@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@300&display=swap";@keyframes startingUP{0%{opacity:0;margin-top:-10rem}to{opacity:1;margin-top:0rem}}.middle{width:100%;height:100vh;padding:0;margin:0;color:#f5f5f5;font-weight:700;background-position:center!important;background-repeat:no-repeat!important;background-size:cover!important}.overlay{width:100%;height:100vh;background-color:#000000b3;backdrop-filter:blur(5px);display:flex;flex-direction:column;vertical-align:middle;justify-content:center;text-align:center;align-items:center}.startup{animation-name:startingUP;animation-duration:1s}.startup a{color:#f5f5f5;text-decoration:none;transition:all .3s}.startup a:hover{opacity:.6;text-decoration:underline}.fixedFooter{position:fixed;left:10px;bottom:10px}.box{color:#f5f5f5;margin-bottom:5rem}.container{display:flex;justify-content:center;flex-wrap:wrap;flex-direction:row;margin-bottom:2rem;gap:1rem}.cardBox{width:18rem;height:auto;color:#2e2f2f;background-color:#f5f5f5;padding:1rem;border-radius:1rem;text-align:center}.workCard{min-width:18rem;width:50%;background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important;padding:0!important}.workCard .bib{height:100%;opacity:0;background:rgba(0,0,0,.3);color:#f5f5f5;border-radius:1rem;transition:all .3s;display:flex;flex-direction:column}.workCard .bib:hover{opacity:1;background:rgba(0,0,0,.7)}.workCard .bib a{color:#f5f5f5}.workCard .bib .cBody{flex-grow:1}.workCard .bib h1{margin:0;padding:.75rem 0;padding-top:1rem!important}.workCard .bib p{margin:0;padding:.75rem 1rem;padding-top:.5rem!important}.workCard .bib .cFooter{padding-bottom:1.5rem!important}.cardBox img{width:90%;border-radius:100%}.cardBox h1{margin:0;margin-top:1rem;margin-bottom:1rem}.cardBox h3{text-align:center}.cardBox a{color:#2e2f2f;transition:all .3s}.cardBox a:hover{text-decoration:none;opacity:.6}.memberCard{height:20rem!important;display:flex;flex-direction:column;text-align:center!important;justify-content:end!important;padding:0!important}.memberCard .picture{width:100%;height:100%;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;border-radius:1rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.memberCard .profileInfo{background:linear-gradient(0deg,#000000 0%,rgba(0,0,0,.7) 100%);color:#f5f5f5;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;padding:2rem 0;opacity:0;width:100%;margin-top:-5rem;transition:all .3s}.memberCard .profileInfo a{color:#f5f5f5!important}.memberCard .profileInfo:hover{position:relative;margin-top:-1rem;opacity:1}.box#Contact{width:80%;margin:0 auto;margin-bottom:5rem;font-size:18px}.contactBox a{color:#f5f5f5;transition:all .3s}.contactBox a:hover{opacity:.6;text-decoration:none}.contactButton{text-decoration:none;background-color:#fe6e61;padding:1rem;border-radius:1rem;transition:all .3s}.contactButton:hover{opacity:.6;font-size:15px}.footer{text-align:center;background-color:#f5f5f5;color:#2e2f2f;padding:.5rem 0}.footer a{color:#2e2f2f;text-decoration:none;transition:all .3s}.footer a:hover{opacity:.6;text-decoration:underline}@media only screen and (min-width: 600px){.workCard{min-width:18rem;width:30%;padding:0!important}}:root{font-family:IBM Plex Sans Thai,sans-serif}body{padding:0;margin:0;background:#2e2f2f;color:#f5f5f5}