/*BM stands for box-model

Set the following internally (intetnal style sheet) on each page.

hideI (Set position of "Hide Image" button).

img tag (Set position of image on page).

All other values here (including other acpects of hideI and img)
should be set on this page.

*/

html,
  body
  {
    margin:0;
    padding:0;
    height:100%;
    overflow:hidden;
    background-image: url("background-one.png"), url("background-two.png");
        font-family:"Andale Mono", times, "times new roman";
  }

h1
  {
  margin-bottom:0px;text-align:center;
  margin-left:30px;
  font-size:2em;
  color:#FFFFFF;
  }

  h2
  {
    font-size:1.5em;
    margin-left:30px;
  }

#container {
   min-height:100%;
   position:relative;
}
#header {
   background-color:#000000;
   padding:2em;
   padding-bottom:1em;
}

#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:60px;   /* Height of the footer */
   background-color:#000000;
   padding-top:5.5em;
}

.nav-bar
{
display:inline;
}
.homelink
{
display:inline-block;/*Required for centring this class.*/
}

.nav-bar a, .homelink a
{
color:#FFFFFF;
text-decoration:none;
}

.nav-bar a:hover
{
text-decoration:underline;
color:#FFFFB2;
}

#contact
{
padding:2em;
}

#homepage
{
padding-left:25em;
}

#bala
{
border-style:none;
     z-index: 1;
    
    margin-left:10em;
    
}

#body p
{
text-align:center;
}

.para
{
font-size:200%;
position:relative;
top:100px;
padding:10px;
}

#spacer
{
margin-left:15em;
}

#resume a
    {
        margin:5px;
        padding:5px;
        text-decoration:none;
        
        font-size:150%;
    }
    
    #resume ul
    {
         margin:5px;
         padding:5px;
         font-family:"helvetica","times new roman";
    }
    
    #resume
    {
        border-style:solid;
        border-width:0.125em;
        border-color:#000000;
        width:321px;
        margin-top:10em;margin-right:30em;
        float:right;
    }

@media print {
    body {
        font-family: "times new roman", helvetica;
    }
}

@media screen only portrait (max-width: 500px) {
    body {
        zoom: 0.25%;
    }
}

@media screen only landscape (max-width: 500px) {
    body {
        zoom: 0.50%;
    }
}
    
      .desclink
  {
  text-align:center;color:#000000;
  }
  
  #can
    {
         position:absolute;top:-80px;left:72em;
        /*transform: scale(1.15,1.15);*/
       
    }