<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.board-member-wrapper{width:70%;margin:0 15%; float:left; }
.board-member-wrapper h1{font-size:1.5em;font-weight:600;color:#5b5a5a; text-align:center; font-family:Arial; padding:2.5% 0 0 0; margin: 0;}
.president{width:50%;float:left;margin:0 25%;background-color:#ffffff;border:1px solid #bdb8b8;}
.mentor1{width:98%; margin-right:2%; float:left;background-color:#ffffff;border:1px solid #bdb8b8;}
.mentor2{width:98%; margin-left:2%; float:left;background-color:#ffffff;border:1px solid #bdb8b8;}
.president h2, .mentor1 h2, .mentor2 h2{font-size:1.2em; font-weight:600; font-family:arial;background-color:#d1d0d0; text-align:center;padding:2% 0;margin:0; color:#403e3e;}

.president-image{ margin: 5% auto; float:right;background-color:#f1f1f1; border:1px solid #dadada;display: table; text-align: center;}
.president-photo{ margin: 0 auto;height:98px;width:90px;text-align: center; display:table-cell;vertical-align:middle;}
.president-photo img, .vice-president1-photo img, .junior-secretary1-photo img{width:100%;border: 1px solid #d0d0d0;}
.president-image a:hover{color:#a74949;}
.president-info{width:100%;float:left;}
.president-info ul{list-style-type:none;}
.president-info li{font-size:1em;padding-top:1.2%;padding-left:10%;}

.vice-president h2, .secretary h2, .adviser h2, .executive-members h2{font-size:1.2em; font-weight:600; font-family:arial;background-color:#d1d0d0; text-align:center;padding:1% 0;margin:0; color:#403e3e;} 
.treasurer h2{font-size:1.2em; font-weight:600; font-family:arial;background-color:#d1d0d0; text-align:center;padding:2% 0;margin:0; color:#403e3e;}
.vice-president, .secretary, .adviser, .executive-members{width:100%;float:left;margin-top:1.5%;border:1px solid #bdb8b8;margin-bottom:1.5%;}
.treasurer{width:100%;float:left;margin-top:1.5%;margin-bottom:1.5%;}
.vice-president1-image, .junior-secretary1-image{ margin: 7% auto; float:right;background-color:#f1f1f1; border:1px solid #dadada;display: table; text-align: center;}
.vice-precident-content, .adviser-content, .executive-content, .secretary-content, .treasure-content{width:100%; float:left;border:1px solid #d1d0d0;background-color:#ffffff;}
.vice-president1-photo{ margin: 0 auto;height:98px;width:90px;text-align: center; display:table-cell;vertical-align:middle;}
.vice-president1-info, .junior-secretary1-info{width:100%;float:left}
.vice-president1-info ul, .junior-secretary1-info ul{list-style-type:none; padding-left:7%; padding-top:2%;}
.vice-president1-info ul li, .junior-secretary1-info ul li{font-size:1em;padding-top:1%;}
.vice-president1-info a, .junior-secretary1-info a, .president-info a{color:#0275d8; font-size:1.1em;}

.junior-secretary1{width:100%;float:left;}
.junior-secretary1-photo{ margin: 0 auto;height:98px;width:90px;text-align: center; display:table-cell;vertical-align:middle;}
.top-link, .bottom-link{width:100%; float:left;}
.top-link p{ text-align: right;font-size: 1em;border-bottom: 1px solid #cecece; padding-bottom: 1%;}
.bottom-link p{ text-align: right;font-size: 1em;}

@media only screen and (max-width:1450px) and (min-width:1200px){
.board-member-wrapper{width:86%;margin:0 7%;}
}
@media only screen and (max-width:1199px) and (min-width:768px){
.board-member-wrapper{width:96%;margin:0 2%;}
.president-info li{font-size:1em;}
.vice-president1-info ul li, .junior-secretary1-info ul li{font-size:0.95em;padding-top:1%;}
}
@media only screen and (max-width:767px) and (min-width:544px){
    .board-member-wrapper h1{padding:3.5%;font-size:1.3em;}
.board-member-wrapper{width:90%;margin:0 5%;}
.board-member-wrapper h2{font-size:1.0em; padding:2.3%;}
.president, .adviser, .treasurer, .executive-members{width:86%;margin:1% 7%;}
.vice-president{margin-top:2.5%;width:86%; margin:3.5% 7% 0 7%;}
.president-image, .vice-president1-image, .junior-secretary1-image{float:left; margin-left:30%;}
.vice-president1-info ul, .junior-secretary1-info ul{padding-top:3.5%; padding-left:0;}
.president-info ul{padding-top:2%;}
.president-info ul li, .vice-president1-info ul li, .junior-secretary1-info ul li{font-size:1em;padding-left:0;}
.mentor1, .mentor2{width:86%; margin:2.5% 7% 0 7%;}
}
@media only screen and (max-width:543px) and (min-width:100px){
.board-member-wrapper{width:90%;margin:0 5%;}
.board-member-wrapper h2{font-size:1em; padding:2.5%;}
.board-member-wrapper h1{padding:3.5%;font-size:1.3em;}
.adviser-content, .executive-content, .secretary-content, .treasure-content{margin-top:3.5%;}
.president{width:100%;margin:0%;}
.vice-president{margin-top:1.5%;}
.mentor1, .mentor2{width:100%; margin:2.5% 0 0 0;}
.president-image, .vice-president1-image, .junior-secretary1-image{float:left; margin:3% 0 3% 7%;}
.president-info ul, .vice-president1-info ul, .junior-secretary1-info ul{padding-left:7%; padding-top:0;}
.president-info ul li, .vice-president1-info ul li, .junior-secretary1-info ul li{font-size:1em;padding:0; }
.president-info, .vice-president1-info, .junior-secretary1-info{margin-bottom:2.5%;}
.vice-president, .secretary, .adviser, .executive-members{margin-bottom:3.5%;}
}</pre></body></html>