tutorial 07/19 codes

--- left main container ---
width: 230px;
border-radius: 4px;
height: 290px;
right: 20px;

--- buttons ---
position: absolute;
left: -15px;
bottom: 85px;
text-shadow: -1px 0 #c3c3c3, 0 1px #c3c3c3, 1px 0 #c3c3c3, 0 -1px #c3c3c3;

--- welcome to my page ---
background: #fff;
border: 1px solid #c3c3c3;
border-radius: 4px;
padding: 5px;
margin-top: 10px;

--- right side img ---
width: 180px;
position: absolute;
right: -40px;
bottom: 168.5px;

--- music player container ---
width: 180px;
border-radius: 4px;
height: 25px;
right: -40px;
position: absolute;
bottom: 141px;

--- right side info container ---
width: 180px;
border-radius: 4px;
height: 138px;
right: -40px;
position: absolute;
bottom: 0px;
z-index: 2;

--- right side TEXTBOX (goes inside right side info container) ---
background: #fff;
border: 1px solid #c3c3c3;
border-radius: 4px;
padding: 5px;
margin-top: 2px;
height: 98px;
font-size: 11px;
overflow-y: scroll;

--- next page info containers ---
width: 180px;
height: 121px;
border-radius: 4px;
right: -40px;
position: absolute;
bottom: 168.5px;
z-index: 1;
overflow-y: scroll;

--- next page text box codes ---
background: #fff;
border: 1px solid #c3c3c3;
border-radius: 4px;
padding: 5px;
margin-top: 2px;
font-size: 11px;

bold: font-size: 15px;
padding: 0px 3px 0px 3px;

highlight: background: #9db9e3;
color: #fff;
padding: 2px 5px;
border-radius: 10px;

--- name css ---
font-family: utonium;
text-shadow: -1px 0 #8facdb, 0 1px #8facdb, 1px 0 #8facdb, 0 -1px #8facdb;
position: absolute;
right: -5px;
bottom: 280px;
z-index: 2;

--- @ css ---
background: #e1ebfa;
font-family:'kosmos';
border: 1px solid #c3c3c3;
border-radius: 100px 100px 0px 0px;
padding: 7px 5px 3px 5px;
z-index: 1;