Html{ background-image: url("sea.jpg");
Font-family: ms gothic;
cursor: url('sandcursor.png'), auto;
margin: 15px;}
h1 { border: teal 5px groove;
Text-align: center; 
Font-size: 200%;
color: white; 
Background-image: url("sea.jpg")}

A{ color: teal;}
p{ color: black;}
h2{ color: black;
font-size: 130%;}
span{ background-color: turquoise;}

 #outer { text-align: center;
 background-image: url("sand.jpg");
           border: teal 5px groove;
           height: 1500px;
           width: 950px;
           padding: 5px;
           color: black;
           margin: auto;}
           
#title { 
          background-image: url("sand.jpg");
           border: teal 5px groove;
           height: 100px;
           width: 1550px;
           padding: 5px;
           color: black;
           margin: auto;
           text-align: center;
           font-size: 175%;}
           
            #depth { text-align: center;
 background-image: url("sand.jpg");
           border: teal 5px groove;
           height: 1500px;
           width: 500px;
           padding: 5px;
           color: black;
           margin: auto;}