Popup about No. 1 Step 1

/*LAYOUT BY PAINTHEMES.TUMBLR.COM*/

#face img{
width:120px; /*if you want to increase the width of your image, you need to change the margin left of  #about as well*/
height:auto;
position:absolute;
opacity:1;
 }

#about{
margin-left:135px; /*change if you want to increase the width of the image*/
padding:15px;
line-height:16px;
border-left:1px solid #ddd; /*change the border of the about*/
width:330px;
font-family:Muli;
font-size:10px;
color:{color:text};
overflow:auto;
height:200px; /*you can increase the height of your about if you want, anyway the box have an auto scrollbar*/
}

#about b{
color:{color:link}; /*color of the basic information */
text-transform:uppercase;
letter-spacing:1px;
font-weight:normal;
}

#about h2{
font-family:Raleway;
font-weight:normal;
font-size:11px;
border-bottom:1px solid #ddd; /*border of the basic information*/
padding-bottom:5px;
padding-top:4px;
word-spacing:1px;
color:{color:text};
}

/*fonts*/
@import url(https://fonts.googleapis.com/css?family=Raleway|Muli);

/*LAYOUT BY PAINTHEMES.TUMBLR.COM*/