body
{
    background-color:#EDFFED;
}

.par
{
    width:100%;
    height:100%;
    text-align:center;
    background-color:red;
    width:100px;
    height:20px;
    border-radius:10px;
    box-shadow:5px -5px 5px black;
    float:left; 
    display:block;               
}

a
{                
    color:black;
    text-decoration:underline;  
}

.sub
{
    width:150px;
    text-align:center;
    display:none;
    border-radius:10px;
}

.asub
{
    display:block;
    width:100%;
    height:100%;
    padding-left:10px;
    background-color:lightblue;
    border-radius:10px;
}  

#content
{

    box-shadow:0px -5px 5px black;  
    position:absolute;
    left:0px;
    background-color:black;
    height:85%;
    width:0%;
    z-index:-1;
}

.respad
{ 
    margin-top:2%;
    overflow:scroll;
    height:80%;
    padding:20px;
    border-radius:25px;
    background-color:#ffffff;
    margin-left:50px;
    margin-right:50px;
}

.right
{
    float:right;
    text-align:right;
}

.left
{
    float:left;
}

.clear
{
    clear:both;
}