/* Navigation bar logo ang image  */
 #logos{
    margin: 134px 345px;
    width: 50%;
   }

   #logos img{
       height: 180px;
       margin: auto;
       padding: auto;
       display: flex;
    

       


   }
   #logos img:hover {
       /* Start the shake animation and make the animation last for 0.5 seconds */
       /*animation: shake 0.5s;
     
       /* When the animation is finished, start again */
       /*animation-iteration-count: infinite;*/

       transform: scale(1.3);
       transition-duration: 1s;

     }
     
     @keyframes shake {
       0% { transform: translate(1px, 1px) rotate(0deg); }
       10% { transform: translate(-1px, -2px) rotate(-1deg); }
       20% { transform: translate(-3px, 0px) rotate(1deg); }
       30% { transform: translate(3px, 2px) rotate(0deg); }
       40% { transform: translate(1px, -1px) rotate(1deg); }
       50% { transform: translate(-1px, 2px) rotate(-1deg); }
       60% { transform: translate(-3px, 1px) rotate(0deg); }
       70% { transform: translate(3px, 1px) rotate(-1deg); }
       80% { transform: translate(-1px, -1px) rotate(1deg); }
       90% { transform: translate(1px, 2px) rotate(0deg); }
       100% { transform: translate(1px, -2px) rotate(-1deg); }
     }


     #about1{
text-align: center;
color: blue;

     }