// sass --watch common_static/scss:common_static/css // .highlight{// color:blue;//}// TEAM CARDS ------------------ // .about_team{// grid-template-columns:auto auto auto;// gap:3rem;// margin-right:1rem;// margin-left:1rem;// justify-content:center;// @media screen and (max-width:650px){// grid-template-columns:1fr;//}//}.memb{background-color:rgba(255,255,255,0.8);border-radius:15px;padding:1rem 0;max-width:400px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:bottom;margin-left:auto;margin-right:auto}.photo{border-radius:50%;border:solid 2px #fff;-webkit-filter:grayscale(30%);filter:grayscale(30%);width:150px;@media screen and (max-width:1024px){width:100px}}.memb_name{display:grid;grid-template-columns:100%;font-weight:700;margin-top:0.5rem;font-size:0.85rem}.memb_affil{font-weight:300;display:flex;align-items:center;justify-content:center;gap:0.5rem;font-size:0.7rem;// @media screen and (max-width:1400px){// font-size:0.8rem;//}.flag{width:20px;height:20px;border-radius:50%;border:1px solid #000;opacity:0.75}}.icons{display:inline-block;margin-right:5px;margin-top:0.5rem;margin-bottom:0.5rem}.icons a{color:#000}.icons a:hover{color:rgb(131,131,131)}.read_more{display:grid;align-items:center;justify-content:center;height:100%;width:100%}.readmore_button{width:90%;margin-left:auto;margin-right:auto;background-color:#fff;border-top:1px solid #000;border-bottom:1px solid #000;border-left:none;border-right:none;cursor:pointer;padding:0.5rem 1rem;display:none;&:hover{color:#7a7a7a}@media screen and (max-width:1024px){display:flex;align-items:center;justify-content:center;gap:1rem}}@keyframes rotate-45{from{transform:rotate(0deg)}to{transform:rotate(45deg)}}.rotate-45{animation-name:rotate-45;animation-duration:0.3s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.add_border{border-bottom:1px solid #000!important}.rmv_border{border-bottom:1px solid #000!important}.read_more_text{height:100%;// text-align:left;// display:flex;// align-items:center}#read_more_textMS,#read_more_textCG,#read_more_textSC,#read_more_textJF,#read_more_textVO,#read_more_textAM,#read_more_textMP,#read_more_textRD,#read_more_textSCA,#read_more_textKK,#read_more_textLB,#read_more_textJR,#read_more_textBM,#read_more_textRD,#read_more_textCG2,#read_more_textSC2,#read_more_textMS2,#read_more_textAC{font-size:0.65rem;width:90%;margin-left:auto;margin-right:auto;border-top:1px solid #000;border-bottom:1px solid #000;// display:none;@media screen and (min-width:1024px){padding:0.5rem 0}@media screen and (max-width:1024px){max-height:0;overflow:hidden;border:none;}@media screen and (max-width:900px){font-size:0.7rem;}}.show-read-more{animation-name:slide-down;animation-duration:0.5s;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes slide-down{0%{max-height:0;padding-top:0.5rem;padding-bottom:0.5rem}50%{padding-top:0.5rem;padding-bottom:0.5rem}100%{max-height:350px;padding-top:0.5rem;padding-bottom:0.5rem}}