.Maa 
{
  
   background-color: rgb(62,57,57); 

}


.principle-body-style 
{

  /* background-color: rgba(255, 0, 0, 0.8); */

  margin-top: 25px;
  margin-bottom: 25px;
  margin-right: 7%;
  margin-left: 7%;

  padding: 10px;
 
  height: auto;
}




/* BODY RESET-BEGIN */

body 
{
    margin: 0;      /* remove default browser margins */
    padding: 0;     /* remove default browser padding */

    font-family: 'Roboto', Arial, sans-serif;  /* DEFAULT FONT FAMILY */


}

/* BODY RESET-END */


/* GLOBAL VARIABLES-BEGIN */

:root 
{
    --z-base: 0;
    --z-overlay: 1000;
    --z-panel: 1001;

    --top-bar-height: 80px;

    /* Colour variables */
    --dark-theme-dark-brown-like-logobg: rgb(23,23,23);
    --dark-theme-teal-pleasing: rgb(21,96,130);
}



/* GLOBAL VARIABLES-END */