.profile-container{background-color:#fff;box-shadow:0 4px 8px rgb(0 0 0 / .1);border-radius:8px;overflow:hidden;width:250px;text-align:center;height:345px;margin-top:2rem;margin-right:1rem}.profile-image{width:100%;height:170px;object-fit:contain;border-radius:100%;box-shadow:-5px 10px 1px -5px blue}.profile-details{padding:10px}.profile-name{font-size:1.5em;font-weight:700;margin-bottom:5px;color:gray}.profile-designation{color:#666;font-size:1.2em}.member{color:#fff;display:flex;flex-wrap:wrap;width:100%;margin-top:12rem;padding:1rem 4rem}.typing-container{text-align:center}.typing-text{font-size:1.2rem;font-weight:700;overflow:hidden;border-right:.15em solid #666;letter-spacing:.15em;animation:typing 2.5s steps(20,end),blink-caret 0.5s step-end 1}.typing-text1{animation:typing1 2.5s steps(20,end),blink-caret1 0.5s step-end 1}.profile-container p{color:blue}@keyframes typing{from{width:0;white-space:nowrap}to{width:100%;white-space:nowrap}}@keyframes blink-caret{from,to{border-color:#fff0;white-space:nowrap}50%{border-color:#666;white-space:nowrap}}@keyframes typing1{from{width:0;white-space:nowrap}to{width:100%;white-space:nowrap}}@keyframes blink-caret1{from,to{border-color:#fff0;white-space:nowrap}50%{border-color:#666;white-space:nowrap}}.search{position:fixed;top:1%;right:20px;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px;background:#004a84}.search input{padding:5px}#board,#Chairperson,#Director,#Coordinator,#exe,#member{display:none;flex-wrap:wrap}.btns{position:absolute;left:30%;right:5%;display:flex;flex-wrap:wrap;top:20%}.btn{width:fit-content;color:#fff;background:#2196F3;margin:10px;font-size:23px}.btn:hover{color:#fff;background-color:yellowgreen}#searchDiv{display:none}.activeBtn{background-color:yellowgreen!important}.layer{z-index:-1;width:100%;height:100%}.layer video{width:210%;height:100vh}