/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */
   div img{
   width:30%;
   left: 10%;
   position: absolute;
   top: 16%
   }

   div h1{
   font-size:120px;
   opacity:0.5;
   position: absolute;
   left: 37%;
   top: 10%; 
   }
   
   div2 img{
   width:30%;
   left: 60%;
   position: absolute;
   top: 40%;
   }
   .me {
   width: 20%;
   position: absolute;
   top: 3%;
   left: 78%;
   border-radius: 200px;
  }
   .circle {
   width: 20%;
   position: absolute;
   top: 3%;
   left:2%;
   border-radius: 200px;
  }
/*body {
  background-color:#E7C8D9;
  color: #D44886;
  font-family: Verdana;*/
  
   .background {
   width: 100%;
   }
  
   .pink {
   width: 100%;
   }
  
   .java {
   width: 100%;
   }
  
   .rice {
   position: absolute;
   width: 10%;
   left: 5%;
   top: 160%;
   }
  
   .dad {
   width:30%;
   left: 37%;
   position: absolute;
   top: 42%;
   }
  
   .plane {
   position: absolute;
   width: 10%;
   left: 5%;
   top: 193%;
   }
  
   .cross {
   position: absolute;
   width: 11%;
   left: 5%;
   top: 220%;
   }
  
   .food {
   font-size: 30px;
   font-family:'Cantata One', serif;
   position: absolute;
   left: 17%;
   top: 160%; 
   color: #ecced7;
   }
   
   .Travel {
   font-size: 30px;
   font-family:'Cantata One', serif;
   position: absolute;
   left: 17%;
   top: 190%; 
   color: #ecced7;
   }
   
   .religion {
   font-size: 30px;
   font-family:'Cantata One', serif;
   position: absolute;
   left: 17%;
   top: 220%; 
   color: #ecced7;
   }
   
   
   .bold {
   font-family: 'Oswald', Helvetica, sans-serif;
   font-size: 80px;
   letter-spacing: 4px;
   word-spacing: -8px;
   left: 40%;
   top: 135%;
   color: tomato;
   position: absolute;
   text-shadow: 
    -1px -1px 0 firebrick,
    -2px -2px 0 firebrick,
    -3px -3px 0 firebrick,
    -4px -4px 0 firebrick,
    -5px -5px 0 firebrick,
    -6px -6px 0 firebrick,
    -7px -7px 0 firebrick,
    -8px -8px 0 firebrick,
    -30px 20px 40px dimgrey
   }
   
  
   .about {
   font-family: 'Oswald', Helvetica, sans-serif;
   font-size: 80px;
   letter-spacing: 4px;
   word-spacing: -8px;
   left: 38%;
   top: 255%;
   color: tomato;
   position: absolute;
   text-shadow: 
    -1px -1px 0 firebrick,
    -2px -2px 0 firebrick,
    -3px -3px 0 firebrick,
    -4px -4px 0 firebrick,
    -5px -5px 0 firebrick,
    -6px -6px 0 firebrick,
    -7px -7px 0 firebrick,
    -8px -8px 0 firebrick,
    -30px 20px 40px dimgrey
   }
   
   .am {
   font-size: 30px;
   font-family:'Cantata One', serif;
   position: absolute;
   left: 5%;
   top: 285%; 
   color: #f5dadf;
   text-shadow: 1px 2px;
   }
   
   
   .message {
   font-size: 40px;
   font-family:'Cantata One', serif;
   position: absolute;
   left: 30%;
   top: 440%; 
   color: #da72cd;
   } 
   
   .gallery {
   font-size: 40px;
   font-family:'Cantata One', serif;
   position: absolute;
   left: 35%;
   top: 387%; 
   color: #da72cd;
   }
   
   .cam {
   width:20%;
   left: 38%;
   position: absolute;
   top: 400%
   }
   
   .books {
   width:18%;
   left: 38%;
   position: absolute;
   top: 462%
   }