216 lines
3.1 KiB
CSS
216 lines
3.1 KiB
CSS
|
|
||
|
|
.site-title {
|
||
|
|
/*background-image: url("background.jpg");*/
|
||
|
|
margin: -8px;
|
||
|
|
|
||
|
|
height: 50px;
|
||
|
|
background-color: white;
|
||
|
|
font-weight:bolder;
|
||
|
|
padding-left: 890px;
|
||
|
|
padding-top:10px;
|
||
|
|
color: black;
|
||
|
|
white-space:nowrap;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.navbar{
|
||
|
|
}
|
||
|
|
|
||
|
|
.navlist{
|
||
|
|
position:relative;
|
||
|
|
list-style-type:none;
|
||
|
|
padding: 0px;
|
||
|
|
padding-left:20px;
|
||
|
|
height:40px;
|
||
|
|
min-width:550px;
|
||
|
|
width:100%;
|
||
|
|
margin:8px;
|
||
|
|
margin-left:-8px;
|
||
|
|
width:end;
|
||
|
|
background-color: white;
|
||
|
|
white-space:nowrap;
|
||
|
|
padding-top:10px;
|
||
|
|
box-shadow: 0px 3px 0px rgba(0,0,0,.13) ,1px 2px 2px rgba(0,0,0,.1) , 0px 0px 0px rgba(0,0,0,.05);
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.navlink a{
|
||
|
|
color:black;
|
||
|
|
}
|
||
|
|
.navlink:hover a{
|
||
|
|
color: #109EF2;
|
||
|
|
}
|
||
|
|
.navlink {
|
||
|
|
display:inline;
|
||
|
|
padding: 10px;
|
||
|
|
font-size:21px;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.active{
|
||
|
|
border-bottom:3px solid #109EF2;
|
||
|
|
}
|
||
|
|
|
||
|
|
header{
|
||
|
|
color:black;
|
||
|
|
}
|
||
|
|
body a{
|
||
|
|
font-family:Roboto;
|
||
|
|
text-decoration:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.twit-container{
|
||
|
|
|
||
|
|
font-family:Roboto;
|
||
|
|
background-color: #F5F7FA;
|
||
|
|
display:flex;
|
||
|
|
flex-flow: row wrap;
|
||
|
|
width:71vw;
|
||
|
|
|
||
|
|
padding-left:22%;
|
||
|
|
|
||
|
|
padding-top:25%;
|
||
|
|
padding-bottom:10%;
|
||
|
|
|
||
|
|
}
|
||
|
|
.person-photo img:first-child{
|
||
|
|
padding-top:10px;
|
||
|
|
height:30%;
|
||
|
|
width:30%;
|
||
|
|
display: block;
|
||
|
|
margin-left: auto;
|
||
|
|
margin-right: auto;
|
||
|
|
border-radius:50%;
|
||
|
|
|
||
|
|
}
|
||
|
|
/*img{
|
||
|
|
display: block;
|
||
|
|
margin-left: auto;
|
||
|
|
margin-right: auto;
|
||
|
|
border-radius:50%;
|
||
|
|
}*/
|
||
|
|
.twit{
|
||
|
|
position:relative;
|
||
|
|
flex-grow:1;
|
||
|
|
flex-shrink:1;
|
||
|
|
flex-basis:100%;
|
||
|
|
max-width:250px;
|
||
|
|
width:250px;
|
||
|
|
margin-top:230px;
|
||
|
|
margin-bottom:-230px;
|
||
|
|
|
||
|
|
min-height:350px;
|
||
|
|
background-color:white;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.toplevel{
|
||
|
|
z-index:2;
|
||
|
|
position:absolute;
|
||
|
|
margin-top:-470px;
|
||
|
|
height:61%;
|
||
|
|
|
||
|
|
width:52.6%;;
|
||
|
|
background-color:white;
|
||
|
|
box-shadow: 2px 2px 3px rgba(0,0,0,.13) ,1px 2px 2px rgba(0,0,0,.1) , -1px -2px 2px rgba(0,0,0,.05);
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.leadership{
|
||
|
|
z-index:0;
|
||
|
|
position:absolute;
|
||
|
|
margin-top:100px;
|
||
|
|
height:430px;
|
||
|
|
width:52.6%;;
|
||
|
|
background-color:white;
|
||
|
|
box-shadow: 2px -2px 3px rgba(0,0,0,.13) , 1px 3px 5px rgba(0,0,0,.1) , -1px -2px 2px rgba(0,0,0,.05);
|
||
|
|
}
|
||
|
|
.Headership{
|
||
|
|
font-size:45px;
|
||
|
|
color:#546076;
|
||
|
|
font-weight:100;
|
||
|
|
font-family: Roboto;
|
||
|
|
padding-top:0px;
|
||
|
|
margin-left: auto;
|
||
|
|
margin-right: auto;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.Mission{
|
||
|
|
font-size:40px;
|
||
|
|
font-weight:100;
|
||
|
|
color:#546076;
|
||
|
|
padding-top:16px;
|
||
|
|
margin-left: auto;
|
||
|
|
margin-right: auto;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.Person-Name{
|
||
|
|
font-size:20px;
|
||
|
|
font-weight:600;
|
||
|
|
color:#546076;
|
||
|
|
padding-top:16px;
|
||
|
|
margin-left: auto;
|
||
|
|
margin-right: auto;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
.twit-text {
|
||
|
|
position:center;
|
||
|
|
display: block;
|
||
|
|
margin: auto;
|
||
|
|
width:50%;
|
||
|
|
width:200px;
|
||
|
|
font:Roboto;
|
||
|
|
font-style:italic;
|
||
|
|
font-weight:400;
|
||
|
|
text-align:center;
|
||
|
|
padding-top:1%;
|
||
|
|
color:#5F6076;
|
||
|
|
}
|
||
|
|
|
||
|
|
.mission-text {
|
||
|
|
position:center;
|
||
|
|
display: block;
|
||
|
|
margin: auto;
|
||
|
|
width:50%;
|
||
|
|
width:800px;
|
||
|
|
font:Roboto;
|
||
|
|
font-weight:400;
|
||
|
|
text-align:center;
|
||
|
|
padding-top:1%;
|
||
|
|
color:#5F6076;
|
||
|
|
}
|
||
|
|
|
||
|
|
.twit-attribution:hover a{
|
||
|
|
color:#109EF2;
|
||
|
|
cursor:pointer;
|
||
|
|
}
|
||
|
|
.twit-attribution a{
|
||
|
|
|
||
|
|
color: #363437;
|
||
|
|
height:20%;
|
||
|
|
font-weight:bolder;
|
||
|
|
display: block;
|
||
|
|
margin-left: auto;
|
||
|
|
margin-right: auto;
|
||
|
|
margin-top:auto;
|
||
|
|
margin-bottom:auto;
|
||
|
|
height:50%;
|
||
|
|
width:50%;
|
||
|
|
|
||
|
|
}
|
||
|
|
.twit-icon{
|
||
|
|
padding-top:20px;
|
||
|
|
font-size:25px;
|
||
|
|
position:absolute;
|
||
|
|
padding-left:20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
body{
|
||
|
|
background-color: #F5F7FA;;
|
||
|
|
|
||
|
|
}
|