.contact{
    background-color: rgb(0, 102, 255);
    color:white;
    font-weight: bold;
    font-family:lucida sans;
    margin:15px; 
    padding: 10px;
    text-align:left;
    border-radius:20px;
    animation-name: slideDown;
    animation-duration:4s ;
    animation-iteration-count: infinite;
                    
     }
     @keyframes slideDown{
         0%{
             transform:translateY(-100%);
             visibility:visible;
         }
         100%{
             transform:translateY(0);

         }
     

	}

.nav{
    background-color: white;
    padding: 4px;
    border-bottom: solid rgb(0, 102, 255) ; 
     
}

.boom{
    background-color: rgb(0, 102, 255);
    margin: 30px;
    align-items: left;
    color:white;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    text-align: center;
    padding: 10px;
}

.icon{
    width:20px;
    height:20px;
}
.link-btn{
    padding: 8px;
    border-radius: 5px;
    background-color: rgb(0, 102, 255);
    color: white;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    border: white;
    width:150px;
}
.link-btn1{
    padding: 8px;
    border-radius: 5px;
    background-color: white;
    color: rgb(0, 102, 255);
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    border: white;
    width:150px;
}

footer{
    background-color: rgb(54, 53, 53);
    color:white;
    padding: 8px;
}
.face{
    width: 342px;
    height: 360px;
    align-items: center;
    justify-items:center;
}
.face2{

        width: 342px;
        height: 360px;
        align-items: center;
        justify-items:center;
}
.face3{

    width: 342px;
    height: 360px;
    align-items: center;
    justify-items:center;
}


.ser-btn{
    padding: 8px;
    border-radius: 5px;
    background-color: rgb(0, 102, 255);
    color: white;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    border: rgb(0, 102, 255); 
    align-items: center;
    width:100px;
}



























.ani-wel{
    font-weight: bold;
    text-align: left;
    animation-name: fadeIn;
         animation-duration: 30s;
         animation-delay: inherit;
         animation-iteration-count: infinite;
       
         
      }
      @keyframes fadeIn{
         0%{
             opacity:0;
         }
         100%{
             opacity: 1;
         }
     }

     .ani-get{
         font-style: italic;
        font-weight: bold;
        text-align: center;
        animation-name: fadeIn;
             animation-duration: 20s;
             animation-delay: inherit;
             animation-iteration-count: infinite;
           
             
          }
          @keyframes fadeIn{
             0%{
                 opacity:0;
             }
             100%{
                 opacity: 1;
             }
         }
    
         .ani-wel{
            font-weight: bold;
            text-align: right;
            animation-name: fadeIn;
                 animation-duration: 10s;
                 animation-delay: inherit;
                 animation-iteration-count: infinite;
               
                 
              }
              @keyframes fadeIn{
                 0%{
                     opacity:0;
                 }
                 100%{
                     opacity: 1;
                 }
             }