.sidebar {
position: fixed; top: 0; bottom: 0; left: 0; text-align: center; width: 250px; background-color: #FFF; padding: 25px; border-right: 1px solid #EEE; box-sizing: border-box; background-color: #FFF; color: #333; box-shadow: 0 1px 1px 0 rgba(31, 35, 46, 0.15);
}
.sidebar-profile-picture {
width: 100px; height: 100px; border-radius: 60px; padding: 5px; border: 2px solid #DDD; box-shadow: 0 1px 1px 0 rgba(31, 35, 46, 0.15); transition: all .3s ease;
}
.sidebar-profile-picture:hover {
transform: translate(0px, -2px); box-shadow: 0 15px 45px -10px rgba(10, 16, 34, 0.2);
}
.sidebar-name {
font-size: 20px; margin-top: 20px; font-family: 'PT Serif'; color: #3B5998;
}
.sidebar-title {
font-size: 14px; color: #777;
}
.sidebar-section {
text-align: left; margin-top: 25px; color: #3B5998; > p { color: #777; }
}