body{

    margin: 0px;
    padding: 0px;
    /*background: url(bss2.png);*/
    height: 800px;
    background-size: 100% 100%;
     
}


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

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

       

   }
   #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;
     }
     
     @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: rgb(179, 8, 37);
   }