body {
/* Background Colour & Image settings */
margin: 0px;
padding: 0px;
background-color: #000000;
background-image:url("photo.png");
background-repeat: no-repeat;
background-attachment:fixed;
background-position:50% 40%;
}

.title {
text-align: center;
margin-top: 1%;
padding-top: 0px;
color: ghostwhite;
font: bold 64px "Arial";

              /* TEXT SHADOW */      
         text-shadow: 1px 1px 1px gray;              
}
#page-wrap {
	}

.button1 { 
/* Button Position for Pupils */			
			position: absolute;
			top: 50%;
			left: 1%;
			
/* Button Size & Properties */	
         width: 308px;  
         height: 100px; 
         line-height: 100px;
         color: white;
         text-decoration: none;
         font-size: 50px;
         font-family: helvetica, arial;
         font-weight: bold;
         display:  block;
         text-align: center;
         background-position:left bottom;
         background: gray;
       
/* TEXT SHADOW */  
         text-shadow: 1px 1px 1px black;                 
}         
.button2 {  
/* Button Position for Staff*/			
			position: absolute;
			top: 50%;
			right: 1%;
			
/* Button Size & Properties */			        
         width: 308px;  
         height: 100px; 
         line-height: 100px;
         color: white;
         text-decoration: none;
         font-size: 50px;
         font-family: helvetica, arial;
         font-weight: bold;
         display: block;
         text-align: center;
         background: gray;
       
/* TEXT SHADOW */  
         text-shadow: 1px 1px 1px black;                   
}