body {
    text-align: center;
 background: linear-gradient(gold,purple, violet );
    }

#intro-txt{

     font-size: 40px;
     text-shadow: 0 0 2px black;

     }
     
     #intro-txt:hover {
     color: red;
     }
     
     

.intro {
	width:400px;
	height:400px;
	border: 5px solid pink;
	margin: 10px auto 20px;
	border-radius: 50%;
	background-image: url("images/mom-two.jpg");
	background-size: cover;
     display: flex;
     justify-content: right;

}
     
     .intro:hover {
     	
          border: 5px solid green;
          background-image: url("images/mom.jpg");
          background-size: cover;
          width: 600px;
          height: 600px
     
     }
     
     #pix {
      width:20%;
      height: 30%;
       border: 5px solid violet;
       border-radius: 50%;
    display: flex;
    
     }
     
     #pix:hover {
     width:40%;
     height:50%;
     border: 5px solid pink;
     
     }
     

     .xters-1 {
          border: 0px solid brown;
          width: fit-content;
          margin: 2px auto;
          background-color: pink;
          border-radius: 10px;
          padding: 4px 10px;
     }


     #love {
          width:20% ;
          height: 20%;
          border-radius: 15px;

     }

     #love:hover {
          width:30% ;
          height: 30%;
          border-bottom: 50%;
          border: 4px solid violet;

     }


     .gitf-text {
          font-size: 30px;
          margin-top: 200px;
          text-shadow: 0 0 2px black;

     }



     .gift {
          width:400px;
	     height:400px;
	     border: 4px solid pink;
	     margin: 10px auto 20px;
	     border-radius: 20px;
	     background-image: url("images/box-8.webp");
	     background-size: cover;
          display: flex;
     justify-content: right;


     }

     .gift:hover {

          border: 4px solid green;
          background-image: url("images/birthday-background.webp");
          background-size: cover;
     }

     .gitf-text {
          margin-top: 100px;
      }


      .gift-react {
          width:400px;
	     height:400px;
	     border: 4px solid pink;
	     margin: 10px auto 20px;
	     border-radius: 20px;
	     background-image: url("images/box-3.webp");
	     background-size: cover;
          display: flex;
     justify-content: left;


     }

     .gift-react:hover {

          border: 4px solid green;
          background-image: url("images/clap-9.gif");
          background-size: cover;
     }


     .gift-pray {
          width:400px;
	     height:400px;
	     border: 4px solid pink;
	     margin: 10px auto 20px;
	     border-radius: 20px;
	     background-image: url("images/box-4.webp");
	     background-size: cover;
          display: flex;
          justify-content: right;
          align-items: end;
     }

     .gift-pray:hover {

          border: 4px solid green;
          background-image: url("images/kumuyi.jpg");
          background-size: contain;
     }


     .gift-love{
          width:400px;
	     height:400px;
	     border: 4px solid pink;
	     margin: 10px auto 20px;
	     border-radius: 20px;
	     background-image: url("images/box-5.webp");
	     background-size: cover;
          display: flex;
     justify-content: left;

     }
     .gift-love:hover {

          border: 4px solid green;
          background-image: url("images/Jesus_loves_you.webp");
          background-size: cover;
     }


     .gift-dance {
          width:400px;
	     height:400px;
	     border: 4px solid pink;
	     margin: 10px auto 20px;
	     border-radius: 20px;
	     background-image: url("images/box-7.webp");
	     background-size: cover;
          display: flex;
          justify-content: left;
          align-items: end;
     }
     .gift-dance:hover {

          border: 4px solid green;
          background-image: url("images/dancing_background.webp");
          background-size: cover;
     }



     .gift-two-words {
          width:400px;
	     height:400px;
	     border: 4px solid pink;
	     margin: 10px auto 20px;
	     border-radius: 20px;
	     background-image: url("images/box_two\ \(copy\).png");
	     background-size: cover;
          display: flex;
     justify-content: left;

     }

.gift-two-words:hover {

          border: 4px solid green;
          background-image: url("images/super_mom.webp");
          background-size: cover;
     }


     .gift-wish {
          width:400px;
	     height:400px;
	     border: 4px solid pink;
	     margin: 10px auto 20px;
	     border-radius: 20px;
	     background-image: url("images/box-5.webp");
	     background-size: cover;
          display: flex;
     justify-content: right;

     }

     .gift-wish:hover {

          border: 4px solid green;
          background-image: url("images/God_bless.webp");
          background-size: cover;
     }

     #footer {
          margin: 70px 0;
          
     }